🌍 Public
Viewing a saved revision (read-only)
6e3502eb111f4ef285c68aa9557a0f2c
Fork of ICE-6: Rendering Marks and Channels with React D3
Sspandhanabadekol
Last edited Mar 7, 2022
Created on Mar 6, 2022
This visualization displays the top 10 soap products as a horizontal bar chart, with bar lengths encoding product population values from a CSV dataset. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis, `scaleLinear` for the quantitative x-axis, and renders SVG rectangles directly through React components. The chart includes custom grid lines and axis tick labels generated from `xScale.ticks()`, with data loaded asynchronously via `d3.csv`.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.