Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task 8_task 1

Public visualization

Viewing a saved revision (read-only)

b41d839f2f624d1199f55acc882dab88

Task 8_task 1

0 stars0🌍 Public
Mmulyasuji999@gmail.com
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Hello VizHub

This visualization displays the populations of 30 countries in 2020 as horizontal bars, ranked by country name along the vertical axis. The bars use a light green fill, with blue axis ticks and gray labels, and a title reading “POPULATION-2020” labels the x-axis. Built with React and D3 v5, it uses `scaleBand` and `scaleLinear` to map data, `csv` to load the dataset from GitHub, and renders the chart as SVG. Hovering over a bar shows a tooltip with the population value formatted using D3’s `format` function.

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.