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)

c92e0f46b1114204a3b06cdd6d024296

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

0 stars0🌍 Public
SSaikiran2029
Last edited Mar 6, 2022
Created on Mar 6, 2022

This chart displays the top 10 most populous countries as horizontal bars, with each bar's length corresponding to a numeric score from the "2017" field of a college dataset. Using the `react` and `d3` libraries, the React component maps data to SVG rects based on `scaleBand` and `scaleLinear` scales, and renders axes with tick marks. It loads the data via d3's `csv` parser from a URL, and updates the visualization reactively through state management.

AI-generated description

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

See also React Starter.