Grafici, dashboard e visualizzazioni di dati utilizzando Recharts, Chart.js e D3.js. Da utilizzare durante la creazione di grafici, dashboard o visualizzazioni di dati interattive. Utilizzare per la selezione del tipo di grafico, il racconto dei dati, i modelli di annotazione, il design reattivo, l'accessibilità e l'ottimizzazione delle prestazioni.
Installa rapidamente la skill AI data-visualizer nel tuo ambiente di sviluppo tramite riga di comando
Fonte: 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 |
Grafici, dashboard e visualizzazioni di dati utilizzando Recharts, Chart.js e D3.js. Da utilizzare durante la creazione di grafici, dashboard o visualizzazioni di dati interattive. Utilizzare per la selezione del tipo di grafico, il racconto dei dati, i modelli di annotazione, il design reattivo, l'accessibilità e l'ottimizzazione delle prestazioni. Fonte: oakoss/agent-skills.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/oakoss/agent-skills --skill data-visualizerGrafici, dashboard e visualizzazioni di dati utilizzando Recharts, Chart.js e D3.js. Da utilizzare durante la creazione di grafici, dashboard o visualizzazioni di dati interattive. Utilizzare per la selezione del tipo di grafico, il racconto dei dati, i modelli di annotazione, il design reattivo, l'accessibilità e l'ottimizzazione delle prestazioni. Fonte: oakoss/agent-skills.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/oakoss/agent-skills --skill data-visualizer Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/oakoss/agent-skills