🌍 Public
Viewing a saved revision (read-only)
65032d2519044e0f955029fa51ebe06b
ICE-6: Rendering Marks and Channels with React & D3
This example visualizes a horizontal bar chart of the top 20 anime entries from a CSV dataset, using animated bar lengths to represent anime IDs. It renders SVG marks with React components, while D3 v5 utilities handle data loading via `d3.csv`, scales with `scaleBand` and `scaleLinear`, and axis generation through `axisLeft` and `axisBottom`. The chart includes custom tick marks and labels for both axes, with bars positioned using the y-scale’s bandwidth and sized by the x-scale’s linear range.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.