Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

Viewing a saved revision (read-only)

145cf219f8c54423824eed8ae9871955

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

0 stars0🌍 Public
Sshabbab01
Last edited Mar 7, 2022
Created on Mar 7, 2022
Forked from Hello VizHub

This bar chart visualizes the top 10 most populous countries in 2019. It uses React with D3.js (v5) to render SVG marks and channels, importing functions like `scaleBand`, `scaleLinear`, `max`, and `csv` directly from the D3 library. The data is loaded from a CSV file and processed in a React `useEffect` hook, with the chart updated through React state. The visualization includes custom grid lines and axis labels, with the title displayed in the HTML body.

AI-generated description

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

See also React Starter.