Skip to main content
SimilarExport ZIP
100%

dv.25 - scatter plot: sepals

✓ Published2🌍 Public
Zzach b.
Last edited Mar 18, 2021
Created on Nov 4, 2020

A scatter plot of the Iris Dataset, showing sepal length against sepal width with points colored by species using a plasma color scale. The visualization is built with React and D3 v6, using `scaleLinear` for axes, `scaleOrdinal` for species colors, and SVG circles rendered via the `Marks` component. Axis ticks are labeled using the `format` function, and hover tooltips display species and values. Data is loaded asynchronously with `csv` from a GitHub gist.

AI-generated description

scat-da-dat-dit-dot-ba-da-doo

A scatter plot of The Iris Dataset.

--
Datavis 2020 #25

MIT Licensed

Similar vizzes

Loading thumbnail…

iris dataset scatter plot

This scatter plot visualizes the Iris dataset, plotting sepal length against sepal width for individual flowers. Each circle is colored teal and includes a tooltip showing the sepal length value. The visualization uses React with D3 v5's `scaleLinear` for axes and scaling, rendering SVG elements through React components. Data is loaded from a remote CSV file using D3's `csv` function.

MMATTE-blz
91% match
Loading thumbnail…

Scatterplot with Color

This scatterplot displays the Iris dataset, plotting sepal length on the x-axis and sepal width on the y-axis, with each species assigned a distinct color. The visualization uses D3’s `scaleLinear` for positioning, `scaleOrdinal` for color mapping, and React to render SVG circles and axis components. The data is loaded asynchronously via `d3.csv` and parsed into numeric fields. Hovering over a point reveals its sepal length through a native SVG `<title>` tooltip.

Ffjvoris
91% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping sepal length and width for individual flowers. The visualization uses React with D3 v5 scales and SVG rendering, with axes created by custom components. Data loads asynchronously via `d3.csv` and converts string values to numbers. Circles represent data points, and hovering reveals tooltips through SVG title elements, while axis tick formatting utilizes `d3.format` for compact notation.

Rrstrauss127
91% match
Loading thumbnail…

dv.25 - scatter plot: petals

A scatter plot of the Iris dataset displays petal length on the x-axis and petal width on the y-axis, with each point colored by species and showing tooltips on hover. Built with React and D3 v6, it uses scaleLinear for axes, scaleOrdinal with schemeCategory10 for species colors, and scaleLinear for spacing. SVG circles render the marks, while custom AxisBottom and AxisLeft components generate tick lines and labels. The data loads as CSV via d3.csv.

Zzach b.
91% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the relationship between sepal length and sepal width from the Iris dataset. The visualization uses React to render SVG elements, with D3 utilities for data loading, scaling, and axis generation. The code employs `d3.csv` to fetch and parse the Iris data, `d3.scaleLinear` to map values to pixel coordinates, and custom React components for rendering axes and circular marks with hover tooltips. The plot features a clean design with gray tick marks, labeled axes, and teal-colored data points.

CCatalina Vajiac
91% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the Iris dataset, plotting sepal width against sepal length for individual flowers. The visualization is rendered as an SVG using React components, with D3.v7 utility functions like `d3.csv` to load data and `d3.scaleLinear` with `d3.extent` to map data values to pixel coordinates. The chart includes labeled axes with grid lines and translucent turquoise circles, each featuring a tooltip that reveals the exact measurements on hover.

Sszchee1
91% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis against sepal width on the y-axis for individual flower specimens. The visualization uses React with d3.scaleLinear scales and SVG rendering, with axes generated by custom React components. Data is loaded asynchronously from a CSV file using d3.csv, with string values parsed into numbers. The plot includes formatted tick labels, axis titles, and tooltips on each circle via SVG title elements, all styled with Poppins font and subtle gray colors.

Iiblub
90% match
Loading thumbnail…

Iris dataset

This scatterplot displays the Iris dataset, plotting sepal length on the x-axis and sepal width on the y-axis for each flower sample. The visualization is built with React and D3 v7, using d3.scaleLinear to map data ranges to pixel coordinates within an SVG canvas. Circle marks are generated from the dataset loaded via d3.csv, with axis components rendered as SVG groups containing tick lines and labels. The code includes tooltips via SVG `<title>` elements, though the example page also references an unrelated HTML page and video.

LLento Manickathan
90% match