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)

6fa5ff19dd41453d89c6a755098c7f4e

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

0 stars1🌍 Public
SSrilekha24
Last edited Mar 5, 2022
Created on Mar 5, 2022

This example displays a horizontal bar chart of the top 10 most populous countries in 2019, sourced from a CSV file. The visualization renders the chart as an SVG, using React for component structure and state management, while D3 v5 utilities like `scaleBand`, `scaleLinear`, and `csv` handle data loading and scaling. The code draws axis ticks and labels directly, alongside the bars, within a single SVG `<g>` element.

AI-generated description

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

See also React Starter.