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 vs JSX/MDX). يفرض تنوع أنواع المخططات والعلامات التي يمكن الوصول إليها (role=img, aria-label) وإسناد المصدر والخلفيات الشفافة. يُستخدم عندما يقول المستخدم "مخطط مدونة"، أو "إنشاء مخطط"، أو "تصور البيانات"، أو "مخطط SVG"، أو "رسم بياني للمدونة"، أو "تصور البيانات"، أو عندما يحدد سير عمل كتابة المدونة نقاط بيانات تستحق الرسم البياني (3+ مقاييس واتجاهات قابلة للمقارنة، قبل/بعد البيانات). المصدر: agricidaniel/claude-blog.