Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Activity8_Task1_DV

Public visualization

Viewing a saved revision (read-only)

bb4cbd6e8cbf4deab54a8aa0735fbca6

Fork of Activity8_Task1_DV

0 stars2🌍 Public
Llikithabaddam@my.unt.edu
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Activity8_Task1_DV

This fork renders a horizontal bar chart of population data for 30 countries in 2020, using React to compose an SVG scene. The code imports D3 v5 utilities like `scaleBand`, `scaleLinear`, and `max` to position bars and axes, while custom components (AxisBottom, AxisLeft, Marks) generate tick lines and rectangles. Population values are loaded from a CSV via D3’s `csv` function, then formatted with `format('.2s')` to display billions with a 'B' suffix. The visual emphasizes green bars against a clean white background, with tooltips revealing precise values on hover.

AI-generated description