Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylised Bar Chart

Public visualization

Stylised Bar Chart

0 stars1🌍 Public
CChris Briggs
Last edited Nov 16, 2021
Created on Nov 16, 2021

This stylised bar chart displays the top 10 countries by population in 2020, using a horizontal bar layout with a clean, minimal aesthetic. Population values are formatted with a custom tick formatter that converts large numbers to billions with a 'Bil' suffix. Built with React and D3 v5, the visualization uses `scaleBand` for the categorical y-axis, `scaleLinear` for the quantitative x-axis, and SVG `<rect>` elements for bars, with native `<title>` elements providing hover tooltips. The chart is styled with a Poppins font and a teal color scheme.

AI-generated description

A program that loads in some data using D3 utilities, arc and pie and uses React to render the data as a radial burst. Data source: MDN Named Colors

Comments

Sign in to join the discussion.

MIT Licensed