Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-6: Rendering products

Public visualization

ICE-6: Rendering products

0 stars0🌍 Public
Ppreethamkesa
Last edited Mar 4, 2022
Created on Mar 4, 2022

This visualization shows a horizontal bar chart comparing the top ten countries by 2019 population data loaded from a CSV file. The chart renders bars with proportional widths using React and D3 v7, where the y-axis uses `scaleBand` for categorical country labels and the x-axis uses `scaleLinear` for population values. The code constructs SVG elements directly, including manually drawn axis ticks, grid lines, and rectangles for each data bar, with margins and dimensions defined as constants.

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