Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6_Task 1

Public visualization

Viewing a saved revision (read-only)

c3a95bbe6c7e460eb3c07b0704ee12bb

Activity 6_Task 1

0 stars0🌍 Public
Ppmanoj13053@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024

This bar chart displays 2020 population estimates for 30 countries, sorted by country name on the vertical axis and proportional bar lengths on the horizontal axis. The visualization uses React components to render SVG elements, with d3.scaleBand and d3.scaleLinear handling the positional scales, while d3.csv loads the remote dataset. The code demonstrates a reusable axis and mark component architecture, with tooltips showing formatted population values via d3.format.

AI-generated description

A blank slate starting point showing the "Hello World" for the VizHub V3 Runtime Environment, which supports continuous hot reloading with interactive widgets.

https://vizhub.com/drbagwell/cfc6aaba08b54a598475e867bcc8fa21