← All skills & workflows

diagramming

svg-chart

Generates dark-mode-compatible inline SVG data visualization charts.

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.

Difficulty
beginner
Input
conversation
Output
diagram
Needs
none

What it needs

  • request — What to produce

What you get

  • prefer a permanent directory)
  • svg-chart (markdown)
  • svg-chart-svg (svg)

Ask it like this

  • 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