Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

Viewing a saved revision (read-only)

97b8ef77eb024f4d8cbff956365e8678

Stylized Bar Chart

0 stars1🌍 Public
TTaweewat Somboonpanyakul
Last edited Jun 12, 2021
Created on Jun 12, 2021

A stylized horizontal bar chart displays the populations of the top 10 countries from the 2019 UN population dataset. Rendered with SVG, the chart uses React components for the axes and marks, with D3's `scaleBand` and `scaleLinear` for positioning. The bars are colored teal, with gray axis lines and labels, and include hover tooltips via SVG `<title>` elements. The x-axis labels are formatted with D3's `format(".2s")` to convert values from gigabytes to billions.

AI-generated description

Load data about named colors with React and D3