Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ha

Public visualization

Viewing a saved revision (read-only)

bbcc3a7e3f064b998152363a6acdf084

ha

0 stars0🌍 Public
Ppreethamkesa
Last edited Mar 6, 2022
Created on Mar 5, 2022

This horizontal bar chart displays the top 20 countries by unit cost, with each row’s bar length proportional to the value. The React component loads CSV data via `d3.csv`, slices the first 20 rows, and renders an SVG using `scaleBand` for the y-axis and `scaleLinear` for the x-axis. Axis ticks and labels are drawn manually, while the bars are simple `<rect>` elements. The chart includes red vertical gridlines and a title, with margins defining the plot area.

AI-generated description