Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

Viewing a saved revision (read-only)

b75e0e69c7e448c0b4d6ca4e9975e5bb

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

0 stars0🌍 Public
RRamakanth771
Last edited Mar 5, 2022
Created on Mar 5, 2022

This example visualizes the top 10 most populous countries in 2019 as a horizontal bar chart, with country names on the y-axis and population counts on the x-axis. The visualization uses React for component rendering and D3 v5’s `csv`, `scaleBand`, and `scaleLinear` APIs to load, scale, and draw the data as SVG rectangles. Population data comes from a CSV file linked in the code, and the chart is fully rendered in the browser using React’s `useState` and `useEffect` hooks.

AI-generated description

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

See also React Starter.