Histogramme à colonnes appariéesv1.0.3
Utilisez ce Skill pour créer une infographie.
En hausse
5.034 téléchargements0 « j'aime »0 enregistrements
$4.99
Qu'est-ce que j'obtiens en achetant ce Skill ?Histogramme à colonnes appariées est une visualisation de données prête à coller, livrée en code source modifiable avec son exemple d'utilisation. Elle inclut des graphiques tracés par une seule couche de rendu graphique, pas du SVG fait main, et un arrière-plan rendu en canvas qui fonctionne sans bibliothèque WebGL. Couleur, typographie et rayon sont des tokens que vous modifiez une seule fois pour tout le bloc.
Le plus souvent choisi par
Mis à jour le 31 août 2026
Galerie d'aperçus
Skills similaires
Voir tous les Skills
Ce que vous obtenez
- Le code source complet du bloc « Histogramme à colonnes appariées » : le fichier du composant et un exemple d'utilisation exécutable, prêts à coller et à modifier.
- Un contrat visuel écrit : palette, échelle typographique, arrondis, épaisseur des icônes et durées d'animation, le tout sous forme de tokens modifiables en un seul endroit.
- Une configuration de graphique livrée sous forme de données simples — remplacez-les par vos propres séries et la couche graphique s'occupe du reste.
Idéal pour
- Vous avez besoin d'une visualisation de données sur une page sans vouloir brancher une bibliothèque de graphiques.
- Vous voulez que la palette et les espacements du graphique s'accordent avec le reste de la page.
- Vous voulez un code source lisible et modifiable, pas une dépendance de plus à maintenir à jour.
Pas pour
- Les équipes qui disposent déjà d'un design system abouti : cette palette et cette échelle typographique entreront en conflit avec les vôtres.
- Ceux qui veulent un package npm versionné : vous recevez un code source à maintenir vous-même.
- Les graphiques qui nécessitent des données en streaming temps réel ou un défilement virtualisé sur de très grands volumes.
Reporting client et directionCommunication scientifique et techniqueWeb design et expériences numériquesCréer une infographieCréer des visuels UICréer une page webRésultat modifiableVisuel soignéAccessible aux débutantsNeutre chaudAccent bleu canardFond génératif
À propos de ce Skill
Vous collez un seul bloc et une vraie visualisation de données apparaît sur la page, tracée proprement plutôt qu'esquissée en SVG. Saisissez vos chiffres et les formes se redessinent d'elles-mêmes.
Ce que vous obtenez
- Le code source complet du bloc « Histogramme à colonnes appariées » : le fichier du composant et un exemple d'utilisation exécutable, prêts à coller et à modifier.
- Un contrat visuel écrit : palette, échelle typographique, arrondis, épaisseur des icônes et durées d'animation, le tout sous forme de tokens modifiables en un seul endroit.
- Une configuration de graphique livrée sous forme de données simples — remplacez-les par vos propres séries et la couche graphique s'occupe du reste.
Comment l'utiliser
- Indiquez à votre assistant où placer la section : il lit d'abord votre projet, puis écrit le bloc en suivant les conventions déjà en place.
- Remplacez les textes par les vôtres. Les tailles de police et les espacements tiennent d'eux-mêmes.
- Remplacez les chiffres par vos propres séries — le graphique se redessine, les couleurs et les axes restent cohérents.
- Vérifiez le rendu sur téléphone avant de publier. Le bloc est déjà conçu pour s'y adapter.
Ce qu'il vous faut avant de commencer
- Dépendances
- ECharts — requis
- Dernier test
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…