Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Rendering Data With React - Bar Chart

Public visualization

Viewing a saved revision (read-only)

1cdd1fb7b6c7457b806bc4ca2cca95d5

Rendering Data With React - Bar Chart

0 stars1🌍 Public
DDaniel Russell-Brain
Last edited Oct 29, 2020
Created on Oct 29, 2020

A React-driven bar chart displays 2020 UN population estimates for ten countries, sourced from a CSV file. The example uses d3.csv for data loading and d3.scaleBand with d3.scaleLinear to construct the horizontal bars and axes. SVG elements are rendered declaratively through React components, with d3.arc used in a separate face component that visualizes a smiley face, demonstrating how to combine React state management with D3 scales and shape generators.

AI-generated description

Creating a simple program that follows your mouse around the screen.