Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity 6q1.2

Public visualization

Viewing a saved revision (read-only)

93b630eeca924162a4defdc7e209dd39

activity 6q1.2

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

This bar chart visualizes the population of various countries in 2010, with the countries listed on the y-axis and population values on the x-axis. It uses the D3.js scaleBand and scaleLinear APIs to map data to SVG rectangles, which are rendered via React components. The chart displays the top 20 countries from a CSV dataset, formatting x-axis tick labels using D3’s format function to abbreviate values (e.g., "1.2B"). The x-axis is labeled "POPULATION-2010", and tooltips show exact formatted population values on hover.

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.