Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity-6(Task1)

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

2881c804e73e4745b2a99358216bf00f

Open

Activity-6(Task1)

0 stars0🌍 Public
Vvandanakosuri@my.unt.edu
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Activity-6

This bar chart displays the population of 30 countries in 2020, using horizontal bars that encode population values by length. The visualization is built with React and D3 v5, leveraging D3’s `scaleBand` for the categorical y-axis, `scaleLinear` for the quantitative x-axis, and SVG rendering for crisp output. The chart includes custom tick formatting that converts scientific notation to readable numbers, and tooltips show exact population values. Data is loaded from a remote CSV file using D3’s `csv` parser.

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.