Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

Viewing a saved revision (read-only)

f96d17e99ced4372b2143b824b0cc934

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

0 stars1🌍 Public
SSanchay
Last edited Mar 1, 2022
Created on Mar 1, 2022

This example presents a horizontal bar chart of the top 10 most populous countries, using population data from a CSV file. The chart is built with React and D3 v5, rendering SVG elements directly. The code uses `scaleBand` for the categorical country axis and `scaleLinear` for the population values, with axes manually constructed via tick maps. Bars are drawn as `rect` elements within a translated group, with labels for both axes generated from the scales’ domains.

AI-generated description

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

See also React Starter.