·blog-chart
""

blog-chart

Générez des graphiques de visualisation de données SVG en ligne compatibles avec le mode sombre pour les articles de blog. Prend en charge les graphiques à barres horizontales, à barres groupées, en forme de beignet, de ligne, de sucette, de zone et radar avec détection automatique de plate-forme (HTML vs JSX/MDX). Applique la diversité des types de graphiques, le balisage accessible (role=img, aria-label), l'attribution de la source et les arrière-plans transparents. À utiliser lorsque l'utilisateur dit « graphique de blog », « générer un graphique », « visualisation de données », « graphique SVG », « graphique de blog », « visualiser les données » ou lorsque le flux de travail d'écriture de blog identifie des points de données dignes d'un graphique (3+ mesures, tendances, données avant/après comparables).

11Installations·0Tendance·@agricidaniel

Installation

$npx skills add https://github.com/agricidaniel/claude-blog --skill blog-chart

Comment installer blog-chart

Installez rapidement le skill IA blog-chart dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/agricidaniel/claude-blog --skill blog-chart
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : agricidaniel/claude-blog.

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 |

Générez des graphiques de visualisation de données SVG en ligne compatibles avec le mode sombre pour les articles de blog. Prend en charge les graphiques à barres horizontales, à barres groupées, en forme de beignet, de ligne, de sucette, de zone et radar avec détection automatique de plate-forme (HTML vs JSX/MDX). Applique la diversité des types de graphiques, le balisage accessible (role=img, aria-label), l'attribution de la source et les arrière-plans transparents. À utiliser lorsque l'utilisateur dit « graphique de blog », « générer un graphique », « visualisation de données », « graphique SVG », « graphique de blog », « visualiser les données » ou lorsque le flux de travail d'écriture de blog identifie des points de données dignes d'un graphique (3+ mesures, tendances, données avant/après comparables). Source : agricidaniel/claude-blog.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/agricidaniel/claude-blog --skill blog-chart
Catégorie
""Rédaction
Vérifié
Première apparition
2026-03-09
Mis à jour
2026-03-11

Browse more skills from agricidaniel/claude-blog

Réponses rapides

Qu'est-ce que blog-chart ?

Générez des graphiques de visualisation de données SVG en ligne compatibles avec le mode sombre pour les articles de blog. Prend en charge les graphiques à barres horizontales, à barres groupées, en forme de beignet, de ligne, de sucette, de zone et radar avec détection automatique de plate-forme (HTML vs JSX/MDX). Applique la diversité des types de graphiques, le balisage accessible (role=img, aria-label), l'attribution de la source et les arrière-plans transparents. À utiliser lorsque l'utilisateur dit « graphique de blog », « générer un graphique », « visualisation de données », « graphique SVG », « graphique de blog », « visualiser les données » ou lorsque le flux de travail d'écriture de blog identifie des points de données dignes d'un graphique (3+ mesures, tendances, données avant/après comparables). Source : agricidaniel/claude-blog.

Comment installer blog-chart ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/agricidaniel/claude-blog --skill blog-chart Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/agricidaniel/claude-blog