Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6_Task 1.2

Public visualization

Viewing a saved revision (read-only)

155a723143464698b20338a6aaac99ef

Activity 6_Task 1.2

0 stars0🌍 Public
Hhimavinaytummala@my.unt.edu
Last edited Apr 6, 2024
Created on Apr 6, 2024

This example renders a horizontal bar chart of 2010 population data for 20 countries, sourced from a CSV file hosted as a GitHub gist. The visualization is built with React and rendered as SVG, using D3 v5 functions such as `scaleBand`, `scaleLinear`, `max`, and `format` for data handling and scaling. Interactive tooltips display the population value for each bar, and the axes are drawn with custom components, with blue tick lines and light green marks.

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.