Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

Viewing a saved revision (read-only)

ca828ecdc29446209a3d92b44fc97574

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

0 stars0🌍 Public
AArefa Patwary
Last edited Mar 7, 2022
Created on Mar 7, 2022

This visualization presents a horizontal bar chart of bestselling books information, ranking eleven items by population metrics from an external CSV dataset. Built with React and D3 v5, the chart uses `scaleBand` and `scaleLinear` to map categorical labels and numeric values to SVG rectangles. The code leverages React hooks (`useState`, `useEffect`) for data loading and rendering, while D3 utilities handle CSV parsing, scales, axes, and tick generation. The SVG output includes orange gridlines and labeled axes, with steelblue bars sized proportionally to each entry's population value.

AI-generated description

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

See also React Starter.