Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Activity8_Task1_DV

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

4dd9d85c726d4523bf9ff3222250c94f

Open

Fork of Activity8_Task1_DV

0 stars0🌍 Public
Llikithabaddam@my.unt.edu
Last edited Apr 14, 2024
Created on Apr 13, 2024
Forked from Activity8_Task1_DV

This example presents a horizontal bar chart ranking the populations of 30 countries in 2020, using green bars to encode the population values along the x-axis, with country names on the y-axis. Written in React with D3 version 5, the code defines reusable components for axes and marks, leveraging `d3.scaleBand`, `d3.scaleLinear`, and `d3.max`. Data is loaded from a CSV file via the d3 `csv` function, and the rendering uses SVG `rect` elements. The chart includes axis labels, tick marks, and a tooltip showing abbreviated population 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.