·bubble-chart
</>

bubble-chart

dennisadriaans/vue-chrtsGitHub: dennisadriaans/vue-chrtsFonte: dennisadriaans/vue-chrts

Costruisci componenti BubbleChart. Utilizzare per grafici a dispersione con codifica delle dimensioni, che mostrano le relazioni tra tre variabili.

cached·dennisadriaans·bubble·chart
0Installazioni·0Tendenza·@dennisadriaans

Installazione

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

Come installare bubble-chart

Installa rapidamente la skill AI bubble-chart nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/dennisadriaans/vue-chrts --skill bubble-chart
  3. Verifica l'installazione: 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

Fonte: dennisadriaans/vue-chrts.

SKILL.md

Visualizza raw

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 |

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/dennisadriaans/vue-chrts --skill bubble-chart
Fonte
dennisadriaans/vue-chrts
Categoria
</>Sviluppo
Verificato
—
Prima apparizione
2026-02-02
Aggiornato
2026-03-10
URL
https://www.learn-skills.dev/it/skills/dennisadriaans/vue-chrts/bubble-chart

Browse more skills from dennisadriaans/vue-chrts

Risposte rapide

Che cos'è bubble-chart?

Costruisci componenti BubbleChart. Utilizzare per grafici a dispersione con codifica delle dimensioni, che mostrano le relazioni tra tre variabili. Fonte: dennisadriaans/vue-chrts.

Come installo bubble-chart?

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/dennisadriaans/vue-chrts --skill bubble-chart 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

Dov'è il repository sorgente?

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

Dettagli

Categoria
</>Sviluppo
Fonte
user
Prima apparizione
2026-02-02

Skills correlate

Nessuna