Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE-6: Rendering Marks and Channels with React & D3

Public visualization

Viewing a saved revision (read-only)

63cd4912eac24a4a8ce0462702f7e205

Fork of ICE-6: Rendering Marks and Channels with React & D3

0 stars0🌍 Public
RRohith arabati
Last edited Mar 27, 2022
Created on Mar 7, 2022

This example shows the population of the top 10 countries as horizontal bars within an SVG, using a bar chart layout. The visualization is built with React and D3, where React manages the component state and rendering, while D3's `scaleBand`, `scaleLinear`, `max`, and `csv` functions handle data loading, scaling, and layout. The SVG is rendered using React's declarative syntax, with axes and tick marks generated from D3's scale methods. The code references a CSV data source and displays a loading message while fetching data.

AI-generated description

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

See also React Starter.