echarts-example-1-loading-data-from-csv
Acerca de
Esta habilidad demuestra cómo cargar y visualizar datos CSV utilizando ECharts, ofreciendo ejemplos prácticos para la integración de datos. Incluye implementaciones para gráficos básicos, visualizaciones con múltiples ejes y calendarios de mapa de calor a partir de fuentes CSV analizadas. Utilice esta referencia cuando necesite conectar visualizaciones de ECharts con archivos de datos CSV externos en sus proyectos.
Instalación rápida
Claude Code
Recomendadonpx skills add vamseeachanta/workspace-hub -a claude-code/plugin add https://github.com/vamseeachanta/workspace-hubgit clone https://github.com/vamseeachanta/workspace-hub.git ~/.claude/skills/echarts-example-1-loading-data-from-csvCopia y pega este comando en Claude Code para instalar esta habilidad
Repositorio GitHub
Habilidades relacionadas
d3js
OtroEsta 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.
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.
echarts-with-react
OtroEsta habilidad proporciona un envoltorio de componente React para ECharts que maneja la inicialización de gráficos, actualizaciones de opciones y redimensionamiento responsivo. Es ideal para desarrolladores que integran visualizaciones de ECharts en aplicaciones React y necesitan gestión automática del ciclo de vida. El componente incluye limpieza al desmontar y detectores de redimensionamiento de ventana para un mantenimiento adecuado de los gráficos.
chartjs-1-use-responsive-containers
OtroEsta habilidad proporciona las mejores prácticas de Chart.js para contenedores de gráficos responsivos y una gestión adecuada del ciclo de vida. Muestra cómo envolver gráficos en divs responsivos con control de proporción adecuado y demuestra la destrucción de gráficos antes de su recreación para prevenir fugas de memoria. Utilice esto al implementar visualizaciones dinámicas o redimensionables de Chart.js en aplicaciones web.