Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6-Question-1.2

Public visualization

Activity6-Question-1.2

0 stars0🌍 Public
LLayaMyadam@my.unt.edu
Last edited Apr 14, 2024
Created on Apr 14, 2024

This bar chart displays the population of 20 countries in 2010, with horizontal bars sorted alphabetically by country name and scaled linearly by population. The visualization uses React alongside D3 v5’s `scaleBand`, `scaleLinear`, and `csv` for data loading, rendering SVG rectangles through the custom `Marks` component. Axes are generated by `AxisBottom` and `AxisLeft`, with formatted tick labels using `format('.2s')` and a tooltip via `<title>`. Tick lines are styled blue and bars green, with data sourced from a remote CSV file.

AI-generated description

A demonstration of how to start using D3 version 6.

Comments

Sign in to join the discussion.

MIT Licensed