Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task1_Q1.1

Public visualization

Viewing a saved revision (read-only)

6fe12a17dca84106aac93dde150f8e69

Activity6_Task1_Q1.1

0 stars0🌍 Public
Vvenkatamanikantavaddi@my.unt.edu
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This bar chart displays the population of ten countries in the year 2000, using a horizontal layout where each bar's length corresponds to the population value. The visualization uses D3 v5's `scaleBand` for the categorical country axis and `scaleLinear` for the population axis, rendering marks as SVG rectangles. Tooltips show formatted population values (using D3's `format` with SI prefixes like "B" for billions). The data is loaded from a remote CSV file using D3's `csv` function, with the population values computed by multiplying the raw 2000 column by 1000. React manages the component state and rendering, with custom `AxisBottom` and `AxisLeft` components generating the tick marks and labels.

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.