Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of ICE-6 Bar charts: Done with the help of D3

Public visualization

Viewing a saved revision (read-only)

dac5e02dd5444eb28365acd898cb09a5

Fork of Fork of ICE-6 Bar charts: Done with the help of D3

0 stars0🌍 Public
TTulluripallavi
Last edited Mar 6, 2022
Created on Mar 6, 2022

A horizontal bar chart displays the 1890 population of eleven countries according to their bookselling categories, sourced from a CSV file loaded with `d3.csv`. The React component uses `useState` and `useEffect` to fetch and parse the data, then renders an SVG with `d3.scaleBand` for the y-axis and `d3.scaleLinear` for the x-axis. Grid lines, axis ticks, and rectangles are generated manually using D3 selection methods and React’s JSX syntax, with bars styled via CSS in a separate file.

AI-generated description

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

See also React Starter.