Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Scatter Plot

Public visualization

Stylized Scatter Plot

0 stars0🌍 Public
Bbootshine2
Last edited Sep 25, 2019
Created on Sep 25, 2019

This example visualizes the Iris Dataset as a scatter plot, mapping petal length on the x-axis and sepal width on the y-axis. Each flower is rendered as a circular mark, with a native SVG tooltip showing the x-value on hover. The visualization uses React components to structure the axes and marks, while D3 scaleLinear and extent functions handle the data scaling. Axes are drawn with custom D3 ticks and gridlines, styled with a Poppins font and teal color scheme, with source text shown while data loads.

AI-generated description

A scatter plot of The Iris Dataset.

Comments

Sign in to join the discussion.

MIT Licensed