Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task8 Q1 2

Public visualization

Viewing a saved revision (read-only)

fed5cc0714b947dfa0c3bd4988bafc4a

Task8 Q1 2

0 stars0🌍 Public
Ssruthimreddy6@gmail.com
Last edited Apr 13, 2024
Created on Apr 13, 2024
Forked from Task8 Q1 1

This chart displays the 2010 population of 20 countries as a horizontal bar chart, with each bar’s length proportional to population. The SVG is rendered using React, with D3 v5’s `scaleBand` and `scaleLinear` mapping countries and population values. The code fetches CSV data via D3’s `csv` method, formats axis ticks using `d3.format`, and includes tooltips via SVG `<title>` elements. Axes are custom components drawing ticks and labels, with light green bars styled via CSS.

AI-generated description

A demonstration of how to start using D3 version 6.