Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task8-Question (a)

Public visualization

Viewing a saved revision (read-only)

b545660b435d42cf893a7d00a3f55597

Task8-Question (a)

0 stars0🌍 Public
Ppranayrajana.97@gmail.com
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Hello VizHub

This interactive bar chart shows the population of the top 10 countries in the year 2000. Built with React and D3 v5, the visualization uses `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis. Data is loaded from a remote CSV using D3's `csv` function, with each bar rendered as an SVG `<rect>`. Axis ticks are generated via D3's scale `ticks()` method, and the x-axis labels are formatted with `format('.2s')` to convert values to billions. A hover tooltip displays the precise 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.