svg-chart¶
Generate publication-ready SVG charts for blog posts, reports, and presentations. Works in HTML and JSX/MDX environments. All charts use currentColor for automatic dark/light mode compatibility.
- Area: Foundational
- Category: diagramming
- Level: beginner
- Input: conversation
- Output: diagram
- Setup: none
- Roles:
Generates dark-mode-compatible inline SVG data visualization charts.
How you ask¶
- “Create a bar chart comparing Q1 vs Q2 revenue”
- “Generate a donut chart showing our traffic sources”
- “Build a funnel chart for our conversion pipeline”
- “Create a sparkline chart for our monthly growth metrics”
Inputs¶
- request — What to produce
Outputs¶
- prefer a permanent directory)
- svg-chart (markdown)
- svg-chart-svg (svg)