MCP HubMCP Hub
Volver a habilidades

highcharts-example-1-stock-chart-with-time-series

vamseeachanta
Actualizado 2 days ago
1 vistas
3
2
3
Ver en GitHub
Otrodata

Acerca de

Esta habilidad proporciona una implementación de Highcharts para crear gráficos bursátiles interactivos con datos de series temporales desde fuentes CSV. Demuestra la carga de datos financieros, el análisis de formatos CSV y la visualización de tendencias de precios bursátiles basadas en tiempo. Los desarrolladores deben usarla cuando necesiten integrar visualizaciones dinámicas del mercado de valores con las funciones especializadas de gráficos bursátiles de Highcharts.

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/highcharts-example-1-stock-chart-with-time-series

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

Repositorio GitHub

vamseeachanta/workspace-hub
Ruta: .claude/skills/data/visualization/highcharts/example-1-stock-chart-with-time-series
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-with-pandas

Otro

Esta 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.

Ver habilidad

plotly-vertical-legends-avoid-toolbar-clash

Otro

Esta 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.

Ver habilidad

chartjs-chartjs-zoom-plugin

Otro

Esta habilidad habilita la funcionalidad de zoom y paneo para visualizaciones de Chart.js mediante el complemento chartjs-plugin-zoom. Permite a los usuarios explorar interactivamente regiones detalladas de datos arrastrando para desplazar y desplazando para hacer zoom en los gráficos. Los desarrolladores deben utilizarla cuando necesiten añadir navegación interactiva de datos a sus gráficos de Chart.js.

Ver habilidad