Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

a94fd552f5664aafb0865f3a3faee671

Open

Activity 6

0 stars0🌍 Public
Ppenujulilikhil01020@gmail.com
Last edited Oct 25, 2024
Created on Oct 25, 2024
Forked from Hello VizHub

This example displays a horizontal bar chart of country populations in 2020. It loads data from a remote CSV file and renders the chart using SVG within a React component. The code uses D3 version 5's `scaleBand` and `scaleLinear` for axes, and custom React functions handle axis ticks and bar marks. The bars show population values, with a tooltip revealing the formatted number on hover. The visualization is built with ReactDOM and styled with Poppins font from Google Fonts.

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.