MCP HubMCP Hub
Volver a habilidades

d3js

vamseeachanta
Actualizado 17 days ago
7 vistas
3
2
3
Ver en GitHub
Otrochartsd3svginteractivecustom-viz

Acerca de

Esta habilidad permite a los desarrolladores crear visualizaciones de datos completamente personalizadas e interactivas utilizando D3.js, ofreciendo control total sobre cada elemento visual y sobre interacciones de usuario complejas. Es ideal para construir gráficos únicos y a medida, no disponibles en bibliotecas estándar, y para implementar manipulaciones y animaciones del DOM sofisticadas y basadas en datos. Úsala cuando necesites la máxima personalización, pero evítala para gráficos simples donde soluciones más rápidas como Chart.js serían suficientes.

Instalación rápida

Claude Code

Recomendado
Principal
npx skills add vamseeachanta/workspace-hub -a claude-code
Comando PluginAlternativo
/plugin add https://github.com/vamseeachanta/workspace-hub
Git CloneAlternativo
git clone https://github.com/vamseeachanta/workspace-hub.git ~/.claude/skills/d3js

Copia y pega este comando en Claude Code para instalar esta habilidad

Repositorio GitHub

vamseeachanta/workspace-hub
Ruta: .claude/skills/data/visualization/d3js
0

Habilidades relacionadas

d3js

Otro

Esta habilidad permite a los desarrolladores crear visualizaciones de datos interactivas y completamente personalizadas utilizando D3.js, ofreciendo control total sobre los elementos SVG y el enlace de datos. Es ideal para construir gráficos únicos y complejos con transiciones e interacciones sofisticadas que las bibliotecas estándar no pueden lograr. Úsala cuando necesites visualizaciones personalizadas y basadas en datos, en lugar de gráficos simples con estilos predefinidos.

Ver habilidad

plotly-javascript-cdn

Otro

Esta habilidad proporciona la etiqueta de script CDN para integrar Plotly.js directamente en proyectos web para visualizaciones de datos interactivas. Es ideal para desarrolladores que necesitan gráficos rápidos en el lado del cliente sin herramientas de compilación o dependencias de npm. La habilidad también incluye comandos de instalación complementarios para los backends de Plotly en Python/R.

Ver habilidad

highcharts-theming

Otro

Esta habilidad permite a los desarrolladores aplicar temas visuales personalizados a las visualizaciones de Highcharts. Proporciona código de referencia para configurar globalmente colores, fondos, fuentes y otras opciones de estilo utilizando `Highcharts.setOptions()`. Utilice esta habilidad cuando necesite mantener una marca o estilo coherente en múltiples gráficos de su aplicación.

Ver habilidad

highcharts-boost-module-large-datasets

Otro

Esta habilidad de Highcharts permite renderizar grandes conjuntos de datos (miles o más puntos) utilizando aceleración WebGL para un rendimiento mejorado. Incluye el módulo Boost para renderizado optimizado por GPU, junto con capacidades de anotaciones y drill-down para la exploración interactiva de datos. Úsala cuando visualices conjuntos de datos masivos donde el renderizado estándar causaría problemas de rendimiento.

Ver habilidad