d3js-data-visualization
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
More from besoeasy/open-skills
news-aggregation
Aggregate and deduplicate recent news from multiple sources into concise topic summaries.
148free-geocoding-and-maps
Geocode addresses and get map data using free OpenStreetMap Nominatim API. Use when: (1) Converting addresses to coordinates, (2) Reverse geocoding coordinates to addresses, (3) Location-based features, or (4) Validating addresses.
63get-crypto-price
Fetch current and historical crypto prices and compute ATH or ATL over common time windows.
49anonymous-file-upload
Upload and host files anonymously using decentralized storage with Originless and IPFS.
47trading-indicators-from-price-data
Compute common trading indicators from OHLCV price data for analysis and strategy development.
46json-and-csv-data-transformation
Transform data between JSON, CSV, and other formats with filtering, mapping, and flattening. Use when: (1) Converting API responses to CSV, (2) Processing data pipelines, (3) Extracting specific fields, or (4) Flattening nested structures.
44