Skip to main content
100%

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

✓ Published0🌍 Public
Rradhadevarapu
Last edited Mar 10, 2023
Created on Mar 10, 2023

This example shows annual income by profession for fifteen job categories using a horizontal bar chart. It renders an SVG with React and D3 v5, sourcing data from a CSV file via `d3.csv`. The chart builds scales with `d3.scaleBand` and `d3.scaleLinear`, and draws grid lines, axis tick labels, and bars for each profession. The code uses React’s `useState` and `useEffect` hooks to load and store the data, then uses `ReactDOM.render` to display the visualization.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes