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-with-pandas
ДругоеЭтот навык обеспечивает интеграцию Plotly с Pandas для упрощенной визуализации данных из DataFrame. Он позволяет строить графики напрямую из CSV-данных и включает совместимость с NumPy для математических визуализаций. Используйте его при работе с табличными данными в средах Jupyter, когда требуются интерактивные диаграммы.
plotly-vertical-legends-avoid-toolbar-clash
ДругоеЭтот навык предоставляет конфигурации макета Plotly для вертикального размещения легенды с правой стороны, предотвращая её наложение с горизонтальной панелью инструментов. Он включает конкретные настройки полей и компактное оформление, чтобы обеспечить легенде достаточное пространство. Навык также рекомендует стратегию упорядочивания данных для графиков с несколькими наборами данных, чтобы логически сгруппировать записи легенды.
chartjs-chartjs-zoom-plugin
ДругоеЭтот навык обеспечивает функциональность масштабирования и панорамирования для визуализаций Chart.js с помощью плагина chartjs-plugin-zoom. Он позволяет пользователям интерактивно исследовать детальные области данных, перетаскивая для панорамирования и прокручивая для масштабирования графиков. Разработчикам следует использовать этот навык, когда им необходимо добавить интерактивную навигацию по данным в свои графики Chart.js.
highcharts-with-react
ДругоеЭтот навык предоставляет обертку React-компонента для Highcharts, позволяя декларативно интегрировать диаграммы в React-приложения. Он управляет жизненным циклом диаграммы, автоматически создавая и уничтожая графики с помощью хуков useEffect. Используйте его, когда вам требуется встраивать интерактивные визуализации Highcharts в React-компоненты с обеспечением корректного удаления при размонтировании.