Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

question 1

Public visualization

Viewing a saved revision (read-only)

5d87c81395f944a290904f25e30f80b5

question 1

0 stars1🌍 Public
Aamshureddy13@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024

A horizontal bar chart displays the population for ten countries from a CSV dataset, sorted by country name. Built with React and D3 v5, the visualization uses `scaleBand` and `scaleLinear` to map categorical labels and numeric values, rendering rectangles as SVG marks with tooltips. Axes are generated with the `AxisBottom` and `AxisLeft` components, while tick labels are formatted using D3’s `format` function to abbreviate values. The chart is rendered entirely as SVG, with a blue tick line and light green bar styling defined in embedded CSS.

AI-generated description

A demonstration of how to start using D3 version 6.