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

d3js-1-use-proper-margins-convention

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

О программе

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

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

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/d3js-1-use-proper-margins-convention

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

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

vamseeachanta/workspace-hub
Путь: .claude/skills/data/visualization/d3js/1-use-proper-margins-convention
0

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

d3js

Другое

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

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

plotly-with-pandas

Другое

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

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

highcharts-theming

Другое

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

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

highcharts

Другое

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

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