Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Varun_6_Tutorial1

Public visualization

Viewing a saved revision (read-only)

600060f7e8e64554871c666dd003940b

Varun_6_Tutorial1

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

This example shows a horizontal bar chart of 2020 population data for 30 countries, sorted by country name. It uses React with SVG rendering through D3 v5, employing D3’s `scaleBand`, `scaleLinear`, `csv` parser, and `format` for axis labels. The axes are custom components (AxisBottom and AxisLeft), and bars are drawn as `<rect>` elements with tooltips using `<title>`. Data is loaded asynchronously via a remote CSV URL, and the chart is styled with a Poppins font and minimal styling.

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.