D3.js Data Visualization

Build sophisticated, interactive data visualizations using d3.js (Data-Driven Documents). D3 binds data to DOM elements and applies data-driven transformations to produce publication-quality, fully customizable visuals.

When to Use This Skill

• Custom charts requiring unique visual encodings or layouts
• Interactive visualizations with pan, zoom, or brush behaviors
• Network/graph visualizations (force-directed, tree, hierarchy, chord diagrams)
• Geographic visualizations with custom projections
• Smooth, choreographed transitions and animations
• Novel chart types not available in standard libraries (Recharts, Chart.js, etc.)
• Fine-grained SVG styling and accessibility control

Consider alternatives for:

• 3D visualizations → use Three.js
• Simple standard charts with minimal customization → use Chart.js or Recharts

Required Tools / Libraries