Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

JC-task-7 Q1.2

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

c030bcd6488e487e93660b8aa5410893

Open

JC-task-7 Q1.2

0 stars1🌍 Public
JJames Cruz
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from Hello VizHub

This bar chart visualizes the 2020 population for the top 20 countries, using SVG rectangles rendered via React. The x-axis displays population with a custom formatter (converting gigabytes to billions), while the y-axis lists country names. The code builds scales with `scaleBand` and `scaleLinear`, imports data from a CSV via `d3.csv`, and structures the visualization using local ES6 modules for axes and marks.

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.