Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

Viewing a saved revision (read-only)

760c1e317c4443bc8fd0321d7f58153a

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

0 stars0🌍 Public
Ppreethamkesa
Last edited Mar 4, 2022
Created on Mar 4, 2022

A horizontal bar chart displays the top 10 most populous countries for 2019, with country names on the y-axis and population values on the x-axis. The visualization is built using React for component structure and D3.js for data processing and SVG rendering. It fetches CSV data from a remote source, maps population values, and uses D3's `scaleBand` and `scaleLinear` for axes and bar positioning. D3's `csv` function loads the data, which is then rendered as SVG rectangles within a React SVG element.

AI-generated description

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

See also React Starter.