Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Smiley Face Part II

Public visualization

Viewing a saved revision (read-only)

755338b45d6f4cdb85446b9ef81878be

Fork of Smiley Face Part II

0 stars0🌍 Public
Vvanquisher2000
Last edited Aug 6, 2021
Created on Aug 5, 2021

This example visualizes the top 10 countries by 2020 population using a bar chart, with countries arranged vertically and population values mapped to bar widths. The visualization is built with React and D3 v7, loading data from a CSV file via `d3.csv`. Scales are created using `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis, with bars rendered as SVG `<rect>` elements inside a transformed group. The chart fills the browser window and updates dynamically once the data loads.

AI-generated description

Smiley face implementation with React.