Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar Chart React & D3

Public visualization

Viewing a saved revision (read-only)

f081072bcbe24926bd7b5e4244e22b3d

Bar Chart React & D3

0 stars0🌍 Public
Ssofia-martinovich
Last edited Apr 5, 2022
Created on Mar 17, 2021

This example shows a horizontal bar chart of the first ten artworks from an Artworks.csv dataset, plotting the number of households per artwork. It uses React hooks like `useState` and `useEffect` to fetch and manage the data, while D3 utilities such as `csv`, `scaleBand`, `scaleLinear`, and `max` handle data loading and axis scaling. The chart renders as SVG, with tick marks, labels, and bars generated through React components. A loading state displays “Loading…” until the data arrives.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data as a radial burst!