d3js
О программе
Этот навык позволяет разработчикам создавать полностью настраиваемые, интерактивные визуализации данных с использованием D3.js, предоставляя полный контроль над SVG-элементами и привязкой данных. Он идеально подходит для создания уникальных, сложных диаграмм с изощренными переходами и взаимодействиями, недостижимыми в стандартных библиотеках. Используйте его, когда вам нужны специализированные, основанные на данных визуализации, а не простые, предварительно стилизованные диаграммы.
Быстрая установка
Claude Code
Рекомендуетсяnpx skills add majiayu000/claude-skill-registry -a claude-code/plugin add https://github.com/majiayu000/claude-skill-registrygit clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/d3jsСкопируйте и вставьте эту команду в Claude Code для установки этого навыка
GitHub репозиторий
Похожие навыки
plotly-javascript-cdn
ДругоеЭтот навык предоставляет тег скрипта CDN для встраивания Plotly.js напрямую в веб-проекты для создания интерактивной визуализации данных. Он идеально подходит разработчикам, которым требуется быстрое построение графиков на стороне клиента без использования инструментов сборки или зависимостей npm. Навык также включает дополнительные команды установки для бэкендов Plotly на Python/R.
highcharts-theming
ДругоеЭтот навык позволяет разработчикам применять пользовательские визуальные темы к визуализациям Highcharts. Он предоставляет примеры кода для глобальной настройки цветов, фонов, шрифтов и других стилевых опций с помощью `Highcharts.setOptions()`. Используйте этот навык, когда вам необходимо обеспечить единообразие брендинга или стиля для нескольких диаграмм в вашем приложении.
highcharts-boost-module-large-datasets
ДругоеЭтот навык Highcharts позволяет отображать большие наборы данных (тысячи+ точек) с использованием ускорения WebGL для повышения производительности. Он включает модуль Boost для рендеринга с оптимизацией под GPU, а также аннотации и возможности детализации для интерактивного исследования данных. Используйте его при визуализации массивных наборов данных, где стандартный рендеринг вызвал бы проблемы с производительностью.
echarts-typescript-support
ДругоеЭтот навык предоставляет определения типов TypeScript и примеры использования графиков ECharts в проектах на TypeScript. Он включает тип `EChartsOption` для типобезопасной конфигурации графиков и демонстрирует правильные импорты и инициализацию. Используйте эту справку при создании визуализаций данных с ECharts в TypeScript для получения автодополнения и проверки типов.