Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Axes with React & D3

Public visualization

Axes with React & D3

0 stars1๐ŸŒ Public
DDaniel Zsido
Last edited Nov 17, 2021
Created on Nov 17, 2021

This example shows a horizontal bar chart of population data for ten countries in 2020, with a formatted x-axis and categorical y-axis labels. The visualization is built with React components that leverage D3 scales (`scaleBand`, `scaleLinear`) to compute positions, while the axes and marks are rendered as SVG elements generated through JSX. Data is loaded via `d3.csv` from a GitHub-hosted dataset, and tick labels use `d3.format` to abbreviate large population numbers. Styling is applied through CSS classes targeting the SVG elements.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed