Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

Viewing a saved revision (read-only)

e24a7290737f4b48873a25b9496c9de5

Stylized Bar Chart

0 stars1🌍 Public
SSonja Ek
Last edited Jun 3, 2021
Created on Jun 3, 2021

This stylized bar chart displays the top ten countries by population for 2020, using horizontal bars drawn as SVG rectangles whose widths encode the population values. The chart is built with React and D3 (v6), using D3 scale functions to map data to coordinates and custom `AxisBottom` and `AxisLeft` components to render ticks. Data is loaded via D3’s `csv` and formatted with `format(".2s")` to show values in billions. Hovering over a bar reveals a tooltip with the exact population.

AI-generated description

A program that loads in some data and creates a bar chart with margins, info texts and ticks. Stylized version. To see tooltip, hover over a bar for at least a second.