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

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

0 stars1🌍 Public
TTharun2022
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 the length of each bar encoding population size. The code uses React with hooks for state management and D3 v5 for data loading via `csv`, along with `scaleBand` for y-axis positioning and `scaleLinear` for x-axis scaling. SVG rendering is used to draw the bars, tick lines, and labels, with the data loaded from a gist URL and displayed in a simple, unanimated layout.

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