Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Axis w react and D3

Public visualization

Axis w react and D3

0 stars0🌍 Public
EErik
Last edited Oct 13, 2021
Created on Oct 13, 2021
Forked from Margin convention

This example shows a horizontal bar chart of population data for the top four countries from the UN Population 2019 dataset, rendered as SVG using React. The chart includes a linear x-axis with tick marks and labels generated by extracting ticks from `d3.scaleLinear` via `xScale.ticks()`, and uses `d3.scaleBand` for the categorical y-axis. Bars are drawn as `<rect>` elements, with widths proportional to population values, while axis lines and text are positioned using D3’s scale outputs within React components.

AI-generated description

Smiley face implementation with React & D3.

Comments

Sign in to join the discussion.

MIT Licensed