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 |

ブログ投稿用のダークモード互換のインライン SVG データ視覚化チャートを生成します。自動プラットフォーム検出 (HTML 対 JSX/MDX) を使用して、水平棒、集合棒、ドーナツ、折れ線、ロリポップ、面、およびレーダー チャートをサポートします。グラフの種類の多様性、アクセス可能なマークアップ (role=img、aria-label)、ソースの帰属、および透明な背景を強制します。ユーザーが「ブログ チャート」、「チャートの生成」、「データの視覚化」、「SVG チャート」、「ブログ グラフ」、「データの視覚化」を指示する場合、またはブログ作成ワークフローがチャートに値するデータ ポイント (3 つ以上の比較可能なメトリクス、トレンド、前後のデータ) を特定する場合に使用します。 ソース: agricidaniel/claude-blog。