Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

Viewing a saved revision (read-only)

a764c8cc2f2d4cfe8504da4d2165ba88

Stylized Bar Chart

0 stars0🌍 Public
TTejaswi@3271
Last edited Mar 6, 2022
Created on Mar 6, 2022
Forked from Stylized Bar Chart

This stylized bar chart displays the top 9 most profitable companies in 2019, using horizontal bars ranked by profit value. Built with React and D3 v5, it renders as an SVG and uses `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. The `useData` hook loads a CSV from a GitHub gist, while custom `AxisBottom` and `AxisLeft` components generate styled tick marks with pink text and orange lines. Hovering over each bar reveals a native SVG tooltip showing the formatted profit value.

AI-generated description

A program that shows the top 10 most populous countries as a bar chart.

Data: United Nations World Population Prospects 2019.