cathrynlavery/diagram-design

Health v2 · maintenance only

Flags: no_releases

Adoption not part of the score

46512 stars · 2955 forks observed · 2026-10-09

What it is AI-extracted, prompt v1, taxonomy v1, 2026-10-05, confidence 0.97

Diagram Design is a collection of 39 editorial-quality diagram types rendered as self-contained HTML and SVG. It provides static, lightweight visual assets without JavaScript or external dependencies.

Use cases

• Create architecture diagrams for technical documentation
• Generate flowcharts and process maps for blog posts
• Embed SVG diagrams in static websites without extra build steps
• Replace generic Mermaid diagrams with brand‑consistent visuals
• Produce editorial‑style charts (e.g., Sankey, Kanban, Wardley maps) for presentations

When to choose

• You need high‑quality, brand‑consistent diagrams without a heavy toolchain
• Your project is static HTML or markdown based and runs in a browser
• You prefer SVG output that can be styled directly with CSS
• You want a ready‑made library of many diagram types for AI‑generated content

When to avoid

• You require interactive or animated diagrams with complex JavaScript
• You need a full diagram editor with drag‑and‑drop capabilities
• Your workflow depends on Mermaid or draw.io source files for live editing

Facets

library · maturity active

data-visualization static-site-generator templating data-visualization documentation web-development browser cross-platform editorial-diagrams claude-code no-mermaid svg-only html-templates svg web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="cathrynlavery/diagram-design")