Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6

Public visualization

Viewing a saved revision (read-only)

6907b9ac448c46c1bad886b92b2013df

Activity 6

0 stars0🌍 Public
Bbhavanimandula@my.unt.edu
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Activity 7

This bar chart displays 2020 population estimates for 30 countries, sorted by country name along the vertical axis. The visualization uses React components to render SVG elements via D3 scales, with `scaleBand` positioning the categorical axis and `scaleLinear` mapping population values to bar widths. D3’s `csv` loader fetches the dataset, while `format` abbreviates tick labels (e.g., converting billions to “B”). Tooltips appear on hover through native SVG `title` elements, and the styling uses light green bars with blue axis ticks.

AI-generated description

A demonstration of how to start using D3 version 6.