Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6_Task 1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

65a5831555dd4bbd947227b7cee41fd8

Open

Activity 6_Task 1

0 stars0🌍 Public
MMonish Galla
Last edited Apr 2, 2024
Created on Apr 2, 2024
Forked from Hello VizHub

This bar chart displays the top 30 countries by population in 2020, using the D3 v5 library within a React framework. The visualization uses `d3.scaleBand` for the y-axis and `d3.scaleLinear` for the x-axis, rendering SVG rectangles with tooltips. Data is loaded via `d3.csv` from a GitHub repository, and axes are formatted with `d3.format`. The chart includes custom React components for axes and marks, with population values multiplied by 1,000 for display.

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.