Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 7 Task 1.2

Public visualization

Activity 7 Task 1.2

0 stars1🌍 Public
MMichael Biancardi
Last edited Jun 28, 2023
Created on Jun 28, 2023
Forked from Activity 7 Task 1

This bar chart visualizes the population of ten countries in 2010, using a horizontal layout where encoded bars extend rightward from a common baseline. Built with React and D3 v5, it renders vector graphics as SVG components, importing separate ES6 modules for axes and marks. The chart reads data from a remote CSV file, uses a linear scale for the x-axis with a custom tick formatter that converts gigabytes to billions, and a band scale for categorical country labels. Each bar includes a native SVG tooltip displaying the formatted population value on hover.

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.

Comments

Sign in to join the discussion.

MIT Licensed