blog-chart

Generates dark-mode-compatible inline SVG charts for blog posts. Invoked internally by blog-write and blog-rewrite when chart-worthy data is identified. Not a standalone user-facing command.

Select based on the data pattern. Diversity is mandatory — never repeat a type within one post.

| Before/after comparison | Grouped bar chart | | Ranked factors / correlations | Lollipop chart | | Parts of whole / market share | Donut chart | | Trend over time | Line chart | | Percentage improvement | Horizontal bar chart | | Distribution / range | Area chart | | Multi-dimensional scoring | Radar chart |

Generieren Sie Dark-Mode-kompatible Inline-SVG-Datenvisualisierungsdiagramme für Blogbeiträge. Unterstützt horizontale Balken-, gruppierte Balken-, Donut-, Linien-, Lollipop-, Flächen- und Radardiagramme mit automatischer Plattformerkennung (HTML vs. JSX/MDX). Erzwingt die Vielfalt der Diagrammtypen, zugängliches Markup (role=img, aria-label), Quellenangabe und transparente Hintergründe. Verwenden Sie diese Option, wenn der Benutzer „Blog-Diagramm“, „Diagramm generieren“, „Datenvisualisierung“, „SVG-Diagramm“, „Blog-Diagramm“, „Daten visualisieren“ sagt oder wenn der Blog-Schreib-Workflow diagrammwürdige Datenpunkte identifiziert (3+ vergleichbare Metriken, Trends, Vorher/Nachher-Daten). Quelle: agricidaniel/claude-blog.