Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 7

Public visualization

Activity 7

0 stars0🌍 Public
NNagateja99
Last edited Jul 13, 2023
Created on Jul 13, 2023
Forked from Hello VizHub

This chart displays the populations of 20 countries in 2020 using a horizontal bar chart rendered as SVG elements. The chart uses a linear scale for population values and a band scale for country names, with x-axis ticks formatted to show values in billions. The visualization is built with React and D3 v5, loading data from a CSV file via D3's `csv` function, and it includes interactive tooltips that display the exact population value for each bar. The bars are styled with a light green fill, and the chart is laid out within a 960 by 500 pixel SVG canvas.

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.

Comments

Sign in to join the discussion.

MIT Licensed