d3js
Acerca de
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.
Instalación rápida
Claude Code
Recomendadonpx skills add majiayu000/claude-skill-registry -a claude-code/plugin add https://github.com/majiayu000/claude-skill-registrygit clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/d3jsCopia y pega este comando en Claude Code para instalar esta habilidad
Repositorio GitHub
Habilidades relacionadas
plotly-with-pandas
OtroEsta habilidad proporciona integración de Plotly con Pandas para una visualización de datos optimizada desde DataFrames. Permite graficar directamente desde datos CSV e incluye compatibilidad con NumPy para visualizaciones matemáticas. Úsala cuando trabajes con datos tabulares en entornos Jupyter donde se requieran gráficos interactivos.
plotly-vertical-legends-avoid-toolbar-clash
OtroEsta habilidad proporciona configuraciones de diseño de Plotly para posicionar leyendas verticalmente en el lado derecho, evitando superposiciones con la barra de herramientas horizontal. Incluye ajustes específicos de márgenes y un estilo compacto para garantizar que la leyenda disponga de espacio adecuado. La habilidad también recomienda una estrategia de ordenamiento de trazas para gráficos con múltiples conjuntos de datos, a fin de agrupar las entradas de la leyenda de manera lógica.
highcharts-1-basic-line-chart
OtroEsta habilidad de Claude proporciona una implementación lista para usar de Highcharts para crear gráficos de líneas básicos con configuración mínima. Incluye una plantilla HTML completa con series de datos configurables, ejes y etiquetas que los desarrolladores pueden copiar y modificar directamente. Utilice esta habilidad cuando necesite generar o explicar rápidamente visualizaciones de datos de series temporales o categóricas simples en aplicaciones web.
chartjs-example-1-multi-dataset-line-chart
OtroEsta habilidad proporciona una implementación lista para usar de gráficos de líneas multi-conjunto de datos utilizando Chart.js. Es ideal para desarrolladores que necesitan visualizar y comparar múltiples series de datos a lo largo del tiempo en un solo gráfico. El ejemplo incluye configuración adecuada de Chart.js, estilos y configuración HTML para integración inmediata.