Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar chart Testing

Public visualization

Bar chart Testing

0 stars0🌍 Public
PPathan Khuvanejarkhan
Last edited Jan 29, 2023
Created on Jan 29, 2023
Forked from Bar Chart

This example displays a horizontal bar chart of Indian population data by year, using React to render SVG elements. D3’s `scaleLinear` maps population counts to bar widths, while `scaleBand` positions bars along the y-axis and `scaleOrdinal` assigns colors from `schemeDark2`. The code fetches CSV data via D3’s `csv` method, parses the first five entries, and draws axes with SVG lines and ticks. Both D3 v7 and React 18.2 are used, with the visualization mounted through `ReactDOM.createRoot`.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed