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

chartjs-available-chart-types

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

О программе

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

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

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-available-chart-types

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

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

vamseeachanta/workspace-hub
Путь: .claude/skills/data/visualization/chartjs/available-chart-types
0

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

d3js

Другое

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

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

plotly-vertical-legends-avoid-toolbar-clash

Другое

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

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

chartjs-1-use-responsive-containers

Другое

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

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

plotly-with-pandas

Другое

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

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