Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Pathetic Bar Chart

Public visualization

Viewing a saved revision (read-only)

d14e6a9739bb44bbadffe6d5458c0837

Pathetic Bar Chart

0 stars1🌍 Public
MMosheAron
Last edited Mar 4, 2021
Created on Mar 4, 2021

This example displays the ten most populous countries for 2020 as horizontal bars, using a linear scale to encode population size and a band scale for country names. Built with React and D3 v6, it loads CSV data from a GitHub gist and renders SVG rectangles directly. The chart uses React state and hooks to fetch and store the data, then maps over it to draw each bar.

AI-generated description

A program that loads in some data about CSS naned colors using D3 utilities, and uses React state to render of the data as a Pathetic Bar Chart.