Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE6-submitted by Tejaswi Tummala

Public visualization

ICE6-submitted by Tejaswi Tummala

0 stars0🌍 Public
Tttummala17
Last edited Jun 26, 2022
Created on Jun 25, 2022
Forked from React Starter

This visualization displays the top five countries by population using a horizontal bar chart. The bars are rendered as red SVG rectangles within a React application, with blue grid lines and axis labels. The code employs D3.js modules including `csv`, `scaleBand`, `scaleLinear`, and `max` to load and scale the data. The chart is built with React's `useState` and `useEffect` hooks, while ReactDOM renders the final SVG output. Data is fetched from a CSV hosted on GitHub gists.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed