Grade diagrams, not file uploads.
Diagrammable turns schema and system-design tasks into interactive assignments inside Moodle and WordPress LMS. Students complete diagrams in the browser; you review every submission from one dashboard and cut grading time in half.
No credit card required - Moodle, LearnDash, TutorLMS, LifterLMS
The problem with diagrams in courses
Traditional diagram assignments force instructors into tedious workflows that don't scale.
Grading JPEG/PDF uploads is slow and painful
Downloading, opening, and annotating image files wastes hours.
Instructors only see final images, not structure
No insight into student thinking or workflow.
Text assignments are trivial to outsource to AI
Diagrams require understanding, not just prompting.
Diagrammable turns diagrams into real assignments, not attachments.
Students work directly in the browser. You see every submission in one dashboard. No downloads. No file chaos. Just grading.
Start from ready-made diagram templates.
Pick from database and systems templates like "Normalize this customer/orders schema" or "Add a caching layer." No blank editors. No starting from scratch.
Normalize Customer/Orders Schema
Add Caching Layer
Design E-commerce DB
Microservices Architecture
User Authentication Flow
Library Management DB
32 templates across databases, systems design, and networking • More added weekly
Add a Diagrammable assignment to your course.
Choose a template, set points and a due date, and publish – all inside the LMS you already use.
Assignment Settings
One-click embed. Diagrammable appears as a native assignment type in your course editor.
Students complete diagrams directly in the browser.
Each student gets their own Student-Copy of the template, with only the relevant nodes and edges editable. Changes auto-save; submission locks the diagram.
Assignment submitted. Diagram is now read-only.
Student-Copy Workflow
Each student receives a personal copy of the template via POST /studentCopies. Changes are auto-saved to their copy. Instructors only see submitted final diagrams.
Review all submissions from one dashboard.
See every student diagram for an assignment in a single list. Open, comment, grade, and export CSV/PNGs – no more download/open/annotate/upload loops.
Database Schema Assignment
CS 201 • Due March 15, 2025
| Student | Status | Last Activity | Time Spent | Grade | Actions |
|---|---|---|---|---|---|
MC Maya Chen | Submitted | 2h ago | 18m | — | |
AK Alex Kumar | Submitted | 5h ago | 24m | 95 | |
JL Jordan Lee | In Progress | 1h ago | 12m | — | |
SR Sam Rivera | Submitted | 3h ago | 7s | — | |
RP Riley Park | Submitted | 4h ago | 31m | 88 |
Single Submission View
The student's diagram will be visible here.
Built to support integrity, not just grading.
Diagrammable surfaces basic similarity and timing signals so you can focus your attention where it matters.
Submissions Over Time
Average Time Spent
Across 80 submissions
Flagged for Review
submissions need attention
3 students completed in under 10 seconds
2 diagrams are highly similar to others
These are basic signals, not accusations. Use them to guide your review workflow.
Keep your WordPress diagrams in sync with Git.
Diagrammable Docs connects your Mermaid files in GitHub to your WordPress pages. Update the diagram in the repo; your docs follow automatically – with pinned commit SHAs and no broken embeds.
docs/payment-flow.mmd @ 3f9a7c9Never log into WP to "fix a screenshot" again.
Source of truth stays in Git. Your docs stay accurate. Perfect for DevRel teams, engineering docs, and agencies managing technical content.
Join Docs Early AccessTry Diagrammable with your next cohort.
Set up your first diagram assignment in under 15 minutes and see all submissions in one dashboard.