Point on a map

100%

Point on a map

✓ Published0🌍 Public

Last edited Oct 19, 2021

Created on Oct 19, 2021

This interactive scatter plot visualizes the Iris dataset, mapping petal length against sepal width for three species of iris flowers. Circles are colored by species using a D3 ordinal color scale, with a color legend that highlights and fades data points on hover. Built with React and rendered as SVG, the visualization uses D3 scales for axes and color, and encodes tooltips using SVG title elements.

AI-generated description

A scatter plot of The Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Color Scatter Plot

This color scatter plot visualizes the Iris dataset, showing the relationship between petal length and sepal width for different iris species. Each data point is represented as a colored circle, with the color scale mapping to the species attribute using a D3 ordinal scale with three distinct colors. The visualization is built with React and rendered as an SVG, using D3's scaleLinear for the x and y axes, which include formatted tick labels and axis titles. Hovering over a point reveals its exact value through an SVG title tooltip.

TTsaiJie

93% match

Loading thumbnail…

Scatter Plot, Color & Interactive Legend

This scatter plot visualizes the Iris dataset, mapping petal length against sepal width, with points colored by species. An interactive legend allows users to hover over species names, highlighting only the corresponding data points and fading the others. The visualization is built with React and rendered as SVG, using d3.scaleLinear for axes and d3.scaleOrdinal for color mapping. Point tooltips display the precise petal length value using d3.format.

AAndre J Denais

92% match

Loading thumbnail…

Scatter Plot with Color

This scatter plot visualizes the Iris Dataset, showing petal length against sepal width for three iris species. Each circle is colored by species using a d3.scaleOrdinal color scale with distinct hues. The visualization is built with React and D3 v5, using d3.scaleLinear for axes and SVG for rendering. Hovering reveals tooltips via native SVG `<title>` elements.

Ssophburke

92% match

Loading thumbnail…

Scatter Plot with Color

This scatter plot visualizes the Iris dataset, showing petal length against sepal width for three iris species. Each point is colored by species using a d3.scaleOrdinal with a categorical color range. The visualization uses React components for rendering SVG elements, with d3.scaleLinear for the x and y axes. Axes are constructed manually from d3 scale ticks, and hover tooltips display the petal length value via SVG title elements.

CCurran Kelleher

92% match

Loading thumbnail…

Scatter Plots with Color

This interactive scatter plot visualizes the Iris flower dataset, showing petal length against sepal width. Each point is colored by species using a categorical color scale, and hovering reveals a tooltip with the formatted petal length. Built with React and D3 v5, the visualization uses React components for axes and marks, with D3's `scaleLinear` and `scaleOrdinal` for positioning and coloring. SVG rendering handles the circles, while a custom tick formatter appends units to axis labels.

Llefat92

91% match

Loading thumbnail…

Scatter Plot

This interactive scatter plot displays the Iris dataset, plotting petal length against sepal width for individual flowers. The visualization is built with React and rendered as SVG elements, using D3 v7 scales (d3.scaleLinear) and axes. Each data point is a circle with a radius of 10, and hovering reveals the petal length as a native tooltip. The code uses d3.extent to set domains, d3.csv for data loading, and d3.format with a custom tick formatter that replaces 'G' with 'B' for axis labels.

Aangelathacker123

91% match

Loading thumbnail…

Scatter Plot with Colour

This interactive scatter plot visualizes the Iris dataset, showing petal length against sepal width. Each of the 150 data points is rendered as a colored circle, with color encoding species type (setosa, versicolor, virginica) using a d3.scaleOrdinal with a categorical color range. Users can hover over any point to see its petal length value in a native browser tooltip. The visualization is built with React for component management and D3 v5 for scales, axes, and data loading via d3.csv, rendered as SVG with custom AxisBottom and AxisLeft components.

CChris Briggs

91% match

Loading thumbnail…

Scatter Plot with Color

This scatter plot visualizes the Iris flower dataset, plotting petal length against sepal width. Each point is colored according to the species of the flower, using a categorical color scale from `d3.scaleOrdinal`. The visualization is built with React and rendered as SVG, using `d3.scaleLinear` for the axes and data mapping. Hovering over a point reveals the petal length via a tooltip using the SVG `<title>` element. The data is loaded asynchronously from a CSV file using `d3.csv`.

Aaakarsh satyam

91% match