Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Rendering Marks and Channels with React & D3

Public visualization

Viewing a saved revision (read-only)

4565b29b51a24263bebcdf9c67e0e8fa

Rendering Marks and Channels with React & D3

0 stars1🌍 Public
SSumanya4
Last edited Mar 7, 2022
Created on Mar 7, 2022

This example visualizes the GDP of countries as a horizontal bar chart using React and D3. It shows the top 10 countries by population from a CSV data source. The code uses `d3.csv` to load and parse data, `d3.scaleBand` and `d3.scaleLinear` for axes, and renders SVG rectangles for bars with axis ticks and labels.

AI-generated description

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

See also React Starter.