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)

97ac2f1a2da54da2a11507efb8ac3278

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

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

This visualization displays the top 10 most populous countries in 2019 as a horizontal bar chart. It uses a React app that fetches data from a CSV file and passes it through D3’s scale functions (`scaleBand`, `scaleLinear`) to map categories and values to screen coordinates. The chart is rendered as SVG, with axes drawn using custom ticks and lines, and bars as `rect` elements. The code imports specific D3 utilities like `csv`, `max`, and `format`.

AI-generated description

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

See also React Starter.