Blog Chart SVG Visualizer
Generates dark-mode compatible and accessible inline SVG data visualizations for technical blog posts and documentation.
Blog Chart is a specialized Claude Code skill designed to transform raw metrics into professional, lightweight SVG visualizations without the need for external libraries. It intelligently selects from a diverse range of formats—including horizontal bar, donut, line, and radar charts—to ensure visual variety and clarity within a single article. The skill automatically adapts its output for either standard HTML or JSX/MDX environments, enforcing strict accessibility standards with ARIA labels and screen-reader descriptions. By utilizing transparent backgrounds and CSS-aware styling, it ensures all charts are natively responsive and look perfect on both light and dark themed websites.