Skip to main content
100%

Activity6 Tutorial 1

✓ Published0🌍 Public
Ssharanyabobbala@my.unt.edu
Last edited Oct 24, 2024
Created on Oct 24, 2024
Forked from Hello VizHub

This example shows a horizontal bar chart of population estimates for 30 countries in 2020, using a React-based SVG rendering approach. The visualization uses `scaleBand` and `scaleLinear` to map country names and population values to screen coordinates, with formatted tick labels converting values to billions. The code loads CSV data via `d3.csv`, applies a custom row-parsing function, and renders the bars using generated `rect` elements with hover tooltips provided by SVG `<title>` elements. Axes are constructed as separate React components that generate tick marks and labels using D3's scale methods.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes