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

plotly-javascript-cdn

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

О программе

Этот навык предоставляет тег скрипта CDN для встраивания Plotly.js напрямую в веб-проекты для создания интерактивной визуализации данных. Он идеально подходит разработчикам, которым требуется быстрое построение графиков на стороне клиента без использования инструментов сборки или зависимостей npm. Навык также включает дополнительные команды установки для бэкендов Plotly на Python/R.

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

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/plotly-javascript-cdn

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

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

vamseeachanta/workspace-hub
Путь: .claude/skills/data/visualization/plotly/javascript-cdn
0

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

d3js

Другое

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

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

plotly-with-pandas

Другое

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

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

highcharts-theming

Другое

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

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

highcharts

Другое

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

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