Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE-6: Rendering Marks and Channels (Bar Chart)

Public visualization

Viewing a saved revision (read-only)

f2f869ee819c4e7289c5791705099395

Fork of ICE-6: Rendering Marks and Channels (Bar Chart)

0 stars0🌍 Public
Mmanishcheruku
Last edited Mar 11, 2023
Created on Mar 11, 2023

This bar chart displays the 2022 population data for the three richest countries, drawn as SVG rectangles within a React component. The chart uses D3 v5’s `scaleBand` for the categorical y-axis (country names) and `scaleLinear` for the quantitative x-axis (population). Data is loaded asynchronously from a remote CSV via `d3.csv`, with axes and tick labels rendered using D3’s scale functions. The visualization is styled with fixed margins and a purple gridline, and the population values are logged to the console during processing.

AI-generated description

A bare minimum HTML page.