Diagram Design

build flow, quadrant, donut, bar, timeline and pyramid diagr

Diagram Design!!! — build flow, quadrant, donut, bar, timeline and pyramid diagrams with a contrast audit and SVG export

How to use Diagram Design

  1. Pick a diagram type: flow, quadrant, donut, bars, timeline or pyramid
  2. Type your data as label/value lines, one per line
  3. Toggle the light or dark skin
  4. Open the contrast audit to see every palette role against its WCAG bar
  5. Copy the SVG markup or export it as an .svg file

Features

  • Six diagram types rendered as self-contained SVG
  • Light and dark skins with shipped style-guide palettes
  • Ported WCAG contrast gate auditing every palette role
  • Copy or export the finished SVG in one click
  • Plain label/value lines as the only input format

Frequently asked questions

Is it free?

Yes, unlimited.

Login to use this free online tool. Create a free account to get started.

Featured on Twelve Tools Launch Llama Tools Launch your MCP