Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6_Tutorial Task 1_Harini

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

0ce85f9869f64e7189b64c90791b70aa

Open

Activity 6_Tutorial Task 1_Harini

0 stars1🌍 Public
Kkamarthyharini24@gmail.com
Last edited Apr 1, 2024
Created on Apr 1, 2024
Forked from Hello VizHub

This horizontal bar chart displays the populations of 30 countries in 2020, ranked with the largest population at the top. The visualization pairs React with D3 v5, using `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Population values from the CSV source are formatted in billions using D3's `format('.2s')`. The SVG marks are simple rectangles, with blue axis ticks and lines styled through CSS, and x-axis labels translated from gigabytes notation to billions.

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.