skills.rest
afsjr
afsjrCOMMUNITY
Explore all skills by this author →
GitHub

reversa-especialista-d3

Convert dataset descriptions and mockups into standalone D3.js v7+ relationship visualizations.

Updated Mar 31, 2026
Search Tags:#data visualization#d3.js#dependency graph#sankey#force-directed#hierarchical layout#offline html
One-click install
npx skills add https://github.com/afsjr/secretaria_escola_csm --skill reversa-especialista-d3-afsjr
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: reversa-especialista-d3
Source: https://github.com/afsjr/secretaria_escola_csm/tree/main/.agents/skills/reversa-especialista-d3
Command: npx skills add https://github.com/afsjr/secretaria_escola_csm --skill reversa-especialista-d3-afsjr

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It helps turn user descriptions and data into correct, responsive D3.js (v7+) visualizations—especially relationship and hierarchy graphs—without relying on fragile CDNs or local-file fetch calls.

Core Features & Use Cases

  • Offline, standalone HTML generation: Produces a complete HTML page that opens via file:// without CORS issues, using the locally pinned D3 vendor.
  • Relationship & hierarchy charts: Generates force-directed, dependency graphs (2D), tree/hierarchical layouts, sankey flows, and other structured relationship views.
  • Operational guardrails for v7+ correctness: Encourages checking local references for the required D3 v7 patterns and using the complex hierarchy layouts when needed.

Quick Start

Ask for a standalone HTML file that renders a force-directed dependency graph showing modules and connections using D3 v7, with data embedded and no external network dependencies.

Frequently Asked Questions about reversa-especialista-d3

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate an offline D3.js visualization that opens locally without CORS errors?▼

To generate an offline D3.js visualization without CORS errors, you need a standalone HTML file with locally vendored D3 scripts and embedded data rather than using fetch for local files. This approach ensures the file opens via the file:// protocol without network dependencies.

Can I use D3 v7+ to create complex hierarchical tree layouts from raw data?▼

Yes, D3 v7+ supports complex hierarchical tree layouts. You can convert dataset descriptions into structured hierarchical visualizations by applying D3 join-based reusable patterns and checking local references for the required v7+ hierarchy layout implementations.

What is the best way to build a force-directed dependency graph for module relationships?▼

The best way to build a force-directed dependency graph is to generate a standalone HTML page that embeds your module data directly and renders the 2D relationship network using D3 v7+ force-directed layout patterns without relying on fragile CDNs.

Does this approach support sankey flow diagrams and treemap relationship views?▼

Yes, this approach supports sankey flows and treemap-style relationship views. You can convert dataset descriptions into standalone D3.js v7+ visualizations for interactive exploration across multiple structured relationship chart types.

Why does my local D3.js chart fail to load data when opened as a file?▼

Your local D3.js chart fails because fetching local files via the file:// protocol triggers CORS security restrictions. Embedding data directly into the HTML and using a locally vendored D3 script resolves this issue for offline standalone rendering.

Related Skills

Explore More Design & Creative Skills→
cooopmaccooopmac

d3-viz

Create interactive d3.js visualizations with custom charts and data binding.

Community
Intermediate
stribusstribus
1

reversa-especialista-d3

Generate standalone HTML visualizations from D3.js data models.

Community
Advanced
RdindaRdinda
1

reversa-especialista-d3

Generate standalone D3.js v7+ HTML visualizations for relational datasets.

Community
Advanced
xingBaGanxingBaGan

d3-viz

Create interactive data visualizations with d3.js and SVG.

Community
Advanced