Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-6 DV

Public visualization

ICE-6 DV

0 stars0🌍 Public
Ssowmyanagula@my.unt.edu
Last edited Mar 6, 2022
Created on Mar 6, 2022

This example displays a horizontal bar chart of the top 20 countries by population, sourced from a CSV dataset. The visualization uses React and D3 v5, with SVG rendering. The code implements `d3.scaleBand` for the y-axis categories and `d3.scaleLinear` for the x-axis population values, drawing gridlines and axis ticks manually. The bars are rendered as `rect` elements with widths proportional to each country's population.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed