Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Question1(2)

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

0b2717adcc8049008553329fda01be9e

Open

Activity6_Question1(2)

0 stars0🌍 Public
PPadmajaKodati@my.unt.edu
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

This horizontal bar chart displays the populations of the top 20 countries for 2010, using green bars and blue axis lines. The visualization is built with React and D3 v5, using SVG rendering. Data is loaded from a CSV file using D3’s `csv` function, then mapped to scale bands and linear scales. Bars are rendered as SVG `rect` elements, with axis ticks generated by custom `AxisBottom` and `AxisLeft` components. Population values are formatted with D3’s `format` function to abbreviate large numbers (e.g., “1.2B”).

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.