·bubble-chart
</>

bubble-chart

dennisadriaans/vue-chrts

Cree componentes de BubbleChart. Úselo para diagramas de dispersión con codificación de tamaño, que muestran relaciones entre tres variables.

2Instalaciones·0Tendencia·@dennisadriaans

Instalación

$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 |

Ver original

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/dennisadriaans/vue-chrts --skill bubble-chart
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-02
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es bubble-chart?

Cree componentes de BubbleChart. Úselo para diagramas de dispersión con codificación de tamaño, que muestran relaciones entre tres variables. Fuente: dennisadriaans/vue-chrts.

¿Cómo instalo bubble-chart?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/dennisadriaans/vue-chrts --skill bubble-chart Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor

¿Dónde está el repositorio de origen?

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

Detalles

Categoría
</>Desarrollo
Fuente
skills.sh
Primera vez visto
2026-02-02

Skills Relacionados

Ninguno