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)

3c2c91fad053461db80f82d1e9058657

Open

Activity 6_Task 1

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

This horizontal bar chart displays the populations of thirty countries for 2020, sorted along the y-axis with bar lengths proportional to population values. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis and `scaleLinear` for the population scale, rendering SVG rectangles via the custom `Marks` component. Data is loaded from a CSV using `d3.csv`, with tick values formatted using `d3.format`.

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.