Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

8c1c7ccaef5c42aa8279bc4a73b96c72

Open

Activity6_Task1

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

This bar chart visualizes the 2020 population estimates for the top 30 countries, sorted by country name. The horizontal bars are rendered as SVG rectangles using React, with the D3 library's `scaleBand` and `scaleLinear` functions handling the axis mappings. Data is loaded from a remote CSV file via the `d3.csv` function, and axis ticks and labels are generated with custom React components. The chart includes a fixed color scheme and a tooltip that displays the formatted population value.

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.