Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-6: Rendering Marks and Channels with React & D3

Public visualization

Viewing a saved revision (read-only)

c84130fa16dd46248633e8594833ad28

ICE-6: Rendering Marks and Channels with React & D3

0 stars0🌍 Public
Ppremsaiv
Last edited Mar 8, 2022
Created on Mar 8, 2022
Forked from Untitled

This bar chart displays the top 10 most populous cars from a CSV dataset, using React and D3 to render SVG marks. The code loads data via `d3.csv`, scales it with `d3.scaleBand` and `d3.scaleLinear`, and manually draws axes and gridlines. React’s `useState` and `useEffect` manage the asynchronous data fetch, while `ReactDOM.render` mounts the visualization.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.