Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Varun_6_Question1

Public visualization

Viewing a saved revision (read-only)

4b3fc77920ad4ca59b269a544efb347d

Fork of Varun_6_Question1

0 stars0🌍 Public
VVarunKumarKambhampati@my.unt.edu
Last edited Nov 21, 2024
Created on Oct 20, 2024
Forked from Varun_6_Question1

This example displays a horizontal bar chart of 2010 population data for ten countries, loaded from a remote CSV file. The visualization uses React for component structure and D3 v5 scales (scaleBand, scaleLinear) to map country names and population values to SVG positions. Bars are rendered as SVG rectangles with native tooltips, while styled tick marks and axis labels annotate the chart. The data undergoes a preprocessing step that multiplies the 2000 population column by 1000 to derive the plotted values.

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.