Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed