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)

60f526b6f3ca4159a392a799ba9e6900

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

0 stars0🌍 Public
Ggeethikal
Last edited Mar 10, 2023
Created on Mar 10, 2023

This example visualizes the population of ten countries in 2022 as a horizontal bar chart. It uses React for component structure and state management, while D3 v5 handles data loading via `d3.csv` and scales (`scaleBand`, `scaleLinear`). The chart renders to SVG, with custom tick marks and grid lines manually drawn instead of using `axisBottom` or `axisLeft`. Data comes from a GitHub Gist containing country population figures.

AI-generated description

A bare minimum HTML page.