Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Refactor REAxes

Public visualization

Viewing a saved revision (read-only)

4709e33b10184550ab1bcd39efa9ed15

Refactor REAxes

0 stars1🌍 Public
NNoelle Huchette
Last edited Jan 14, 2023
Created on Jan 14, 2023
Forked from REAxes

This example shows a horizontal bar chart of population data for ten countries, with labeled axes and rectangular marks scaled by population values. The visualization uses React components to render SVG elements, leveraging D3’s `scaleBand` and `scaleLinear` for positioning and scaling. Axes are custom-built from D3 ticks and domain mappings, while data is loaded asynchronously from a CSV file via D3’s `csv` function. The chart updates reactively through React state management, with a loading message displayed until the dataset arrives.

AI-generated description

Renders data with D3, uses react state to keep track of data