Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Hello vizhub-activity_6_kota_jaswanth

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

c0db5055eb9c449ba9cefb26616372d7

Open

Fork of Hello vizhub-activity_6_kota_jaswanth

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

This is a horizontal bar chart that displays the 2020 population estimates for 30 countries, with the data sourced from a CSV file. The visualization uses a React component structure, leveraging D3 version 5 (specifically `scaleBand` and `scaleLinear`) to position the bars and axes. The SVG-based chart renders a bottom axis with formatted tick labels (converting values to billions) and a left axis with country names. Each bar includes a tooltip showing the population value when hovered. The styling applies specific colors to the tick lines, text, and bars.

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.