·data-visualizer
{}

data-visualizer

Graphiques, tableaux de bord et visualisations de données à l'aide de Recharts, Chart.js et D3.js. À utiliser lors de la création de graphiques, de tableaux de bord ou d'affichages de données interactifs. À utiliser pour la sélection du type de graphique, la narration des données, les modèles d'annotation, la conception réactive, l'accessibilité et l'optimisation des performances.

20Installations·2Tendance·@oakoss

Installation

$npx skills add https://github.com/oakoss/agent-skills --skill data-visualizer

Comment installer data-visualizer

Installez rapidement le skill IA data-visualizer 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/oakoss/agent-skills --skill data-visualizer
  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 : oakoss/agent-skills.

Build charts, dashboards, and interactive data visualizations using modern libraries. Covers Recharts (React), Chart.js (framework-agnostic), and D3.js (custom/advanced).

| Library | Best For | React | Custom | Bundle (gzip) |

| Recharts | Quick React charts, standard types | Native | Limited | 139KB | | Chart.js | Framework-agnostic, simple API | Wrapper | Moderate | 68KB (tree-shakeable) | | D3.js | Custom visualizations, full control | Manual | Full | 13-30KB per module |

Graphiques, tableaux de bord et visualisations de données à l'aide de Recharts, Chart.js et D3.js. À utiliser lors de la création de graphiques, de tableaux de bord ou d'affichages de données interactifs. À utiliser pour la sélection du type de graphique, la narration des données, les modèles d'annotation, la conception réactive, l'accessibilité et l'optimisation des performances. Source : oakoss/agent-skills.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/oakoss/agent-skills --skill data-visualizer
Catégorie
{}Analyse de Données
Vérifié
Première apparition
2026-02-25
Mis à jour
2026-03-10

Browse more skills from oakoss/agent-skills

Réponses rapides

Qu'est-ce que data-visualizer ?

Graphiques, tableaux de bord et visualisations de données à l'aide de Recharts, Chart.js et D3.js. À utiliser lors de la création de graphiques, de tableaux de bord ou d'affichages de données interactifs. À utiliser pour la sélection du type de graphique, la narration des données, les modèles d'annotation, la conception réactive, l'accessibilité et l'optimisation des performances. Source : oakoss/agent-skills.

Comment installer data-visualizer ?

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/oakoss/agent-skills --skill data-visualizer 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/oakoss/agent-skills

Détails

Catégorie
{}Analyse de Données
Source
skills.sh
Première apparition
2026-02-25