·bubble-chart
</>

bubble-chart

dennisadriaans/vue-chrts

Créez des composants BubbleChart. À utiliser pour les nuages ​​de points avec codage de taille, montrant les relations entre trois variables.

2Installations·0Tendance·@dennisadriaans

Installation

$npx skills add https://github.com/dennisadriaans/vue-chrts --skill bubble-chart

SKILL.md

BubbleChart displays data points as circles where position (x, y) and size encode three different variables. Great for showing relationships and clusters.

| data | T[] | required | Array of data objects | | categories | Record | required | Color mapping for categoryKey values | | categoryKey | keyof T | required | Data key for bubble coloring | | xAccessor | (d: T) => number | - | Function to get x-position | | yAccessor | (d: T) => number | - | Function to get y-position |

| sizeAccessor | (d: T) => number | - | Function to get bubble size | | sizeRange | [number, number] | [1, 20] | Min/max bubble radius in pixels | | opacity | number | - | Bubble opacity (0-1) | | height | number | required | Chart height in pixels | | xFormatter | (tick, i?, ticks?) => string | - | X-axis label formatter |

Voir l'original

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/dennisadriaans/vue-chrts --skill bubble-chart
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-02
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que bubble-chart ?

Créez des composants BubbleChart. À utiliser pour les nuages ​​de points avec codage de taille, montrant les relations entre trois variables. Source : dennisadriaans/vue-chrts.

Comment installer bubble-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/dennisadriaans/vue-chrts --skill bubble-chart Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor

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

https://github.com/dennisadriaans/vue-chrts

Détails

Catégorie
</>Développement
Source
skills.sh
Première apparition
2026-02-02

Skills Connexes

Aucun