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)

d74c849754c04e58a0111f3d490cdd4f

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

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

This example displays a horizontal bar chart of the top 10 most populous countries, using a React component that fetches CSV data with `d3.csv` and renders SVG marks via JSX. It leverages `scaleBand` for the y-axis country categories, `scaleLinear` for the x-axis population values, and `max` to compute the domain. The chart includes custom tick labels and grid lines generated from `xScale.ticks`, with bars styled as `rect` elements.

AI-generated description

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

See also React Starter.