Viewing a saved revision (read-only)
5c4c9c7648574b62bac307559889d32c
ICE-6 Student Marks BarChart
This example visualizes student marks as a bar chart using React and D3. It shows the total marks for each student, with bars encoded by height on a linear scale and names on a band scale. The code fetches CSV data from a remote URL, parses it, and renders an SVG with rectangular bars using `scaleBand` and `scaleLinear`. It leverages React’s `useState` and `useEffect` for data loading, and D3’s `axisBottom` and `axisLeft` for axes. The chart uses a green fill for bars and includes margins and a title, with no interactive or animated behavior.
AI-generated descriptionVisualization of total cancer deaths by state from the CORGIS dataset made with D3. Color legend and threshold code from Susie Lu.
Hover over bars to see precise values. Fullscreen to see legend.