head to head · open source
diagram-design vs graphic
diagram-design has 64,318 GitHub stars, 4,247 forks, 42 open issues and last shipped 2 days ago. graphic has 1,791 stars, 185 forks, 85 open issues and last shipped 8 months ago. diagram-design leads on adoption by 3,491% (64,318 vs 1,791 stars). diagram-design is written in HTML under MIT; graphic is written in Dart under MIT. diagram-design has attracted 7% as many forks as stars, graphic 10%. diagram-design was the more recently maintained of the two, and both are self-hostable with no licence fee. The two share 1 topic tag (data-visualization), so they are genuine substitutes rather than adjacent tools.
Two open source projects, one decision. Both are free and self-hostable — the differences are community size, license terms, language stack and release pace.
← all 20902 open source comparisons
Side by side
| diagram-design | graphic | |
|---|---|---|
| GitHub stars | ★ 64K | ★ 1.8K |
| License | MIT | MIT |
| Written in | HTML | Dart |
| Last push | 2026-11-01 | 2026-02-25 |
| Forks | ⑂ 4.2K | ⑂ 185 |
| Self-hosting | Yes | Yes |
| Data ownership | Your server | Your server |
pick diagram-design if
- You weight community size — 64K stars and counting
- You want the MIT license terms
- Your stack matches HTML
- You value the larger contributor base for long-term maintenance
pick graphic if
- You want the graphic feature set and don't need the biggest community
- You prefer the MIT license terms
- Your stack matches Dart
- You evaluated both and graphic fits your workflow better
About diagram-design
Diagram Design Editorial diagrams your designer won't hate. New in 2.0 — the Loop: flywheels with a shared memory hub. The dashed lines are the write backs. New in 2.3: semantic system patterns and optional accessible motion, while static output stays the default. New in 2.5.10: ten more layout grammars — Sankey, fishbone, Wardley map, kanban, user journey, deployment, dependency graph, UML class, story map, and database schema. 39 editorial diagram types for Claude Code, Codex, Factory Droid, Pi, and Agent Skills compatible hosts. Self contained HTML + SVG. No shadows. No Mermaid slop. Semantic patterns…
read the full diagram-design overview →
About graphic
Graphic Graphic is a grammar of data visualization and Flutter charting library. Flexible declarative grammar : This visualization grammar derives from Leland Wilkinson's The Grammar of Graphics , and tries to balance between theoretical beauty and practicability. Data processing steps and mark shapes can be composed freely in a declarative specification, not limited to certain chart types. And shape draw methods are customizable. Interaction : With the event and selection definition, the chart is highly interactive, such as highlighting selected items, popping a tooltip, or scaling the coordinate. Animation…
read the full graphic overview →
More in Data & Analytics
Related comparisons
More Business Intelligence & Reporting projects
Compare either of these against the rest of the Business Intelligence & Reporting field.
Frequently asked questions
Is diagram-design or graphic more popular?
diagram-design has 64,318 GitHub stars and graphic has 1,791. diagram-design has the larger community by that measure.
Are diagram-design and graphic free?
Both are open source. diagram-design is licensed under MIT and graphic under MIT. Neither carries a licence fee.
What is the difference between diagram-design and graphic?
diagram-design is written in HTML and graphic in Dart. The practical differences are community size, licence terms, language stack and release cadence — all compared in the table above.
Which should I choose, diagram-design or graphic?
Choose diagram-design if you want the larger community (64,318 stars) or its MIT licence terms. Choose graphic if its feature set, stack or MIT licence fits better. Both are self-hostable.