Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task8_task1

Public visualization

Viewing a saved revision (read-only)

065d6a52766f4dbab7c9a9183a889d02

Task8_task1

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

This visualization shows the population of countries in 2020 as horizontal bars, sorted from largest to smallest, with a linear x-axis scaled to the maximum population value and a band scale for country names. The chart is built with React and D3 v5, using `scaleBand`, `scaleLinear`, and `max` from the D3 API, and renders SVG rectangles for each bar. Population values are read from a CSV file, converted from strings to numbers, and formatted with `format('.2s')` to display values in billions. The data consists of the first 30 rows of the source dataset.

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.