📦

d3-viz

Name: d3-viz
Author: sickn33

Ревизия содержимого r1 Средний риск ⚙️ Внешние команды📁 Доступ к файловой системе🌐 Доступ к сети

Создание пользовательских визуализаций данных D3

Пользовательским диаграммам часто нужен больший контроль, чем могут предоставить стандартные библиотеки диаграмм. Этот навык помогает Claude, Codex и Claude Code использовать паттерны D3 для точных интерактивных визуализаций.

Поддерживает: Claude Codex Code(CC)

📊 69 Адекватно

Установить с помощью моего Агента

Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.

Запрос агента

Review the Skillstore skill "d3-viz" from https://skillstore.io/skills/sickn33-d3-viz.md and its manifest at https://skillstore.io/api/skills/sickn33-d3-viz/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.

Ресурсы для AI-агентов

Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.

Markdown-детали GET /skills/sickn33-d3-viz.md Подписанный manifest GET /api/skills/sickn33-d3-viz/manifest Подписанный lockfile GET /api/skills/sickn33-d3-viz/lockfile

Протестировать

Использование «d3-viz». Создайте адаптивную столбчатую диаграмму продаж для квартальной выручки.

Ожидаемый результат:

План диаграммы с отступами, band- и linear-шкалами, осями, подписями и рекомендациями по интеграции с React.

Использование «d3-viz». Добавьте инструменты исследования к точечной диаграмме с тысячами точек.

Ожидаемый результат:

Рекомендации по масштабированию, выбору через brush, поведению подсказок и моменту перехода с SVG на canvas.

Использование «d3-viz». Выберите цветовую палитру для тепловой карты рисков.

Ожидаемый результат:

Рекомендация последовательной цветовой схемы с указаниями по контрасту, дизайну легенды и проверкам на цветовую слепоту.

Аудит безопасности

Средний риск

v4 • 05.07.2026 Открыть версионный отчет

The static alerts are false positives caused by JavaScript template literals, Markdown code fences, SVG defs, style text, and object key names. No prompt injection, shell execution, filesystem access, secret access, or malicious network behavior was found. One semantic issue remains because tooltip examples render interpolated data through D3 .html(...), which can cause XSS if data is untrusted.

Просканировано файлов

3,214

Проанализировано строк

Пункты проверки

Ложные срабатывания проигнорированы

Подтверждённые проблемы безопасности (1)

Средний

assets/interactive-template.jsx:112-119 SKILL.md:570

Unsafe Tooltip HTML Interpolation

Tooltip examples interpolate chart data into D3 .html(...) calls. Untrusted labels or categories could execute markup in generated applications.

The code directly inserts data fields into HTML strings. The data source is not specified, so the issue depends on generated application context.

Факторы риска

⚙️ Внешние команды (102)

📁 Доступ к файловой системе (1)

references/d3-patterns.md:366

🌐 Доступ к сети (1)

SKILL.md:39

Аудитор:: codex Посмотреть историю аудитов →

Поделиться и цитировать этот отчет

Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.

Открыть версионный отчет

Копировать ссылку на отчёт

https://skillstore.io/skills/sickn33-d3-viz/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Значок Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/sickn33-d3-viz/security.svg)](https://skillstore.io/skills/sickn33-d3-viz?utm_source=security_passport_badge)

Значок HTML

<a href="https://skillstore.io/skills/sickn33-d3-viz?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-d3-viz/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Встраиваемая карточка

<iframe src="https://skillstore.io/embed/skills/sickn33-d3-viz.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Академические ссылки (APA · BibTeX · CFF)

Цитата APA

sickn33. (2026). d3-viz security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-d3-viz/audits/4

Цитата BibTeX

@techreport{sickn33-sickn33-d3-viz-2026,
  author = {sickn33},
  title = {d3-viz security audit report (audit version 4)},
  institution = {Skillstore},
  year = {2026},
  number = {4},
  url = {https://skillstore.io/skills/sickn33-d3-viz/audits/4},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "d3-viz security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
  - name: "sickn33"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/sickn33-d3-viz/audits/4"
identifiers:
  - type: other
    value: "skillstore:sickn33-d3-viz:audit:4"
    description: "Skillstore immutable audit report identifier"

Сравнить варианты

2 устанавливаемых вариантов

Навык каждого автора остаётся отдельным устанавливаемым вариантом. Рекомендуемый вариант ранжируется по данным Skillstore.

Почему этот вариант первый

Самая высокая оценка Skillstore

Автор / источник Оценка Skillstore Достоверность доказательств Использование в Skillstore Обновлено

Doyajin174 Рекомендуется

doyajin174-d3-viz

Оценка Skillstore 70

Достоверность доказательств Высокий

Использование в Skillstore 9

Обновлено

2026-09-09

sickn33 Текущий

sickn33-d3-viz

Оценка Skillstore 69

Достоверность доказательств Высокий

Использование в Skillstore 14

Обновлено

2026-09-09

Оценка Skillstore

Почему такая оценка Достоверность доказательств: Высокий

Архитектура

Сопровождаемость

Контент

Сообщество

Соответствие спецификации

Что вы можете построить

Прототипирование продуктового дашборда

Преобразуйте данные метрик в адаптивные диаграммы с понятными осями, подписями, легендами и состояниями взаимодействия.

Создание визуализаций для публикаций

Проектируйте точные SVG-диаграммы, карты и иерархические схемы для отчетов, статей и исследовательских результатов.

Создание интерактивных исследовательских интерфейсов

Планируйте масштабирование, brushing, выбор и связанные представления для более глубокого анализа сложных наборов данных.

Попробуйте эти промпты

Создать базовую столбчатую диаграмму

Используйте d3-viz, чтобы построить адаптивную столбчатую диаграмму из этого набора данных. Включите шкалы, оси, подписи и доступный SVG-текст.

Добавить интерактивные подсказки

Используйте d3-viz, чтобы добавить безопасные подсказки при наведении, выбор по клику и состояния фокуса с клавиатуры к существующей точечной диаграмме.

Спроектировать систему диаграмм

Используйте d3-viz, чтобы определить переиспользуемые паттерны D3 для цветов, шкал, легенд и адаптивных контейнеров диаграмм в React.

Создать связанный исследовательский интерфейс с картой

Используйте d3-viz, чтобы спроектировать связанный brushing между хороплетной картой и детальной диаграммой. Включите ограничения по производительности и доступности.

Лучшие практики

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

Избегать

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