Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Refactored Bar Chart

Public visualization

Viewing a saved revision (read-only)

4d24c21d383f41bdaab15a2c874338a5

Fork of Refactored Bar Chart

0 stars1🌍 Public
Jjth500
Last edited Apr 27, 2023
Created on Apr 25, 2023

This example visualizes the Iris flower dataset, plotting sepal length against sepal width as a scatter plot of blue circles. The chart uses React components to render SVG elements, with D3’s `scaleLinear` and `min`/`max` functions determining the axis domains. The `AxisBottom` and `AxisLeft` components generate tick marks and labels, while the `Marks` component maps each data point to a circle. Data is loaded asynchronously via D3’s `csv` from a GitHub-hosted CSV file, and axes are styled with CSS classes.

AI-generated description

A program that shows the top 10 most populous countries as a pathetic bar chart with no axes.

Data: United Nations World Population Prospects 2019.