Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity-6 Question-1.1

Public visualization

Viewing a saved revision (read-only)

e28db06fbda348f79a3c83cb73d62550

Activity-6 Question-1.1

0 stars0🌍 Public
Aarthireddykota@my.unt.edu
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Activity-6 Task-1

This visualization displays population data for 30 countries using a horizontal bar chart, where each bar's length represents the population value. The chart is rendered as an SVG using React, with D3 v5’s `scaleBand` and `scaleLinear` functions managing the categorical y-axis and continuous x-axis scaling. Data is fetched from a CSV file and parsed with `d3.csv`, then formatted using D3’s `format` function to display values in billions. Tooltips appear on hover, showing the same formatted population values, while blue tick lines and green bars style the visualization.

AI-generated description

A demonstration of how to start using D3 version 6.