Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity8-Task1.2

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

3d1159ec5159463db99137adf7d3e867

Open

Activity8-Task1.2

0 stars0🌍 Public
Sshaiksajidali
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Hello VizHub

This bar chart displays the population of 20 countries in 2010, sorted by country name and scaled in billions. Built with React and D3 v5, it renders as an SVG, using `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis. The code loads data from a CSV file via `d3.csv`, formats tick labels with `d3.format`, and implements custom `AxisBottom`, `AxisLeft`, and `Marks` components for the chart elements.

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.