Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task1Ques2

Public visualization

Task1Ques2

0 stars0🌍 Public
IIkram Mohammed
Last edited Oct 20, 2024
Created on Oct 20, 2024
Forked from task1

This bar chart displays the population of 20 countries in 2010, sorted along the y-axis with horizontal bars extending to represent population values. It uses React with D3 v5 to load CSV data via `d3.csv`, and renders SVG marks through the `AxisBottom`, `AxisLeft`, and `Marks` components. The `scaleBand` and `scaleLinear` define the axes, while `format('.2s')` converts tick labels to billions, and tooltips appear as native SVG `<title>` 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.

Comments

Sign in to join the discussion.

MIT Licensed