Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Scatter plott

Public visualization

Viewing a saved revision (read-only)

956a4472da2845dcb6d698678997223e

Stylized Scatter plott

0 stars3🌍 Public
BbeauMarko
Last edited Feb 4, 2021
Created on Feb 4, 2021
Forked from Stylized Bar chart

This stylized scatter plot visualizes the Iris dataset, plotting sepal length against sepal width across all samples. Built with React and D3 v6, the visualization renders SVG circles scaled by linear scales with nice-ticked axes. The code uses d3.csv for data loading, d3.scaleLinear for positioning, and d3.extent to compute domains. Custom React components (AxisBottom, AxisLeft, Marks) handle rendering, while the Poppins font and teal circle marks create a modern aesthetic. The chart updates responsively to fill the browser window, with formatted tick labels using d3.format.

AI-generated description

A program that follows your mouse with a circle.