MCP HubMCP Hub
Вернуться к навыкам

chartjs-example-1-multi-dataset-line-chart

vamseeachanta
Обновлено 2 days ago
4 просмотров
3
2
3
Посмотреть на GitHub
Другоеdata

О программе

Этот навык предоставляет готовую к использованию реализацию линейного графика для нескольких наборов данных с использованием Chart.js. Он идеально подходит для разработчиков, которым необходимо визуализировать и сравнивать несколько рядов данных во времени на одном графике. Пример включает правильную конфигурацию Chart.js, стилизацию и настройку HTML для немедленной интеграции.

Быстрая установка

Claude Code

Рекомендуется
Основной
npx skills add vamseeachanta/workspace-hub -a claude-code
Команда плагинаАльтернативный
/plugin add https://github.com/vamseeachanta/workspace-hub
Git клонированиеАльтернативный
git clone https://github.com/vamseeachanta/workspace-hub.git ~/.claude/skills/chartjs-example-1-multi-dataset-line-chart

Скопируйте и вставьте эту команду в Claude Code для установки этого навыка

GitHub репозиторий

vamseeachanta/workspace-hub
Путь: .claude/skills/data/visualization/chartjs/example-1-multi-dataset-line-chart
0

Похожие навыки

d3js

Другое

Этот навык позволяет разработчикам создавать полностью настраиваемые, интерактивные визуализации данных с использованием D3.js, предоставляя полный контроль над SVG-элементами и привязкой данных. Он идеально подходит для создания уникальных, сложных диаграмм с изощренными переходами и взаимодействиями, недостижимыми в стандартных библиотеках. Используйте его, когда вам нужны специализированные, основанные на данных визуализации, а не простые, предварительно стилизованные диаграммы.

Просмотреть навык

plotly-with-pandas

Другое

Этот навык обеспечивает интеграцию Plotly с Pandas для упрощенной визуализации данных из DataFrame. Он позволяет строить графики напрямую из CSV-данных и включает совместимость с NumPy для математических визуализаций. Используйте его при работе с табличными данными в средах Jupyter, когда требуются интерактивные диаграммы.

Просмотреть навык

plotly-vertical-legends-avoid-toolbar-clash

Другое

Этот навык предоставляет конфигурации макета Plotly для вертикального размещения легенды с правой стороны, предотвращая её наложение с горизонтальной панелью инструментов. Он включает конкретные настройки полей и компактное оформление, чтобы обеспечить легенде достаточное пространство. Навык также рекомендует стратегию упорядочивания данных для графиков с несколькими наборами данных, чтобы логически сгруппировать записи легенды.

Просмотреть навык

highcharts-1-basic-line-chart

Другое

Этот навык Claude предоставляет готовую реализацию Highcharts для создания базовых линейных графиков с минимальными настройками. Он включает полный HTML-шаблон с настраиваемыми рядами данных, осями и метками, который разработчики могут напрямую копировать и изменять. Используйте этот навык, когда вам нужно быстро создать или объяснить простые визуализации временных рядов или категориальных данных в веб-приложениях.

Просмотреть навык