Skip to main content
SimilarExport ZIP
100%

Scatterplot multiple series

✓ Published0🌍 Public
MMettiHoof
Last edited Nov 18, 2016
Created on Nov 18, 2016

This scatterplot visualizes the relationship between sepal width and sepal length for three iris species, with each species distinguished by color. The SVG chart loads a TSV file and uses d3.tsv for parsing, d3.scale.linear for positioning, and d3.scale.ordinal (via d3.scale.category10) for color encoding. d3.extent computes the axis domains, while d3.svg.axis renders the labeled axes. A legend identifies the species categories.

AI-generated description

This scatterplot is constructed from a TSV file storing the dimensions of sepals and petals of various iris flowers. The chart employs conventional margins and a number of D3 features:

forked from <a href='http://bl.ocks.org/mbostock/'>mbostock</a>'s block: <a href='http://bl.ocks.org/mbostock/3887118'>SAA datastory 1.0</a>

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Scatterplot multiple series v2

This scatterplot visualizes the relationship between sepal width and sepal length for three iris species, with each species assigned a distinct color from a categorical scale and displayed as a small dot. The chart uses D3 v3 to load a TSV file with `d3.tsv`, compute the x- and y-axis domains with `d3.extent`, and encode position with `d3.scale.linear`. Color encoding leverages `d3.scale.ordinal` (via `d3.scale.category10()`), while axes are rendered using `d3.svg.axis`. A legend identifies each species, and the SVG rendering follows conventional margin-based layout.

MMettiHoof
97% match
Loading thumbnail…

Scatterplot

This scatterplot visualizes the relationship between sepal length and sepal width for three iris species, with each point colored by species and a legend identifying the categories. The chart uses conventional plot margins and axes labeled with measurements in centimeters. It is built with D3 v3, loading data from a TSV file via `d3.tsv`, mapping the data to positions with `d3.scale.linear`, encoding species with `d3.scale.category10`, and rendering as SVG with circles and axes from `d3.svg.axis`.

Mmbostock
91% match
Loading thumbnail…

Basic Scatter Plot

This example uses a scatter plot to show the relationship between sepal length and petal length for three iris species, with each species (setosa, versicolor, virginica) represented by a distinct color in the d3.schemeCategory10 palette. The plot, rendered as SVG, loads data from iris.csv and maps the numerical measurements to positions on linear scales via d3.scaleLinear, while a d3.legendColor legend identifies the color groupings. Axis ticks and labels are generated using d3.axisBottom and d3.axisLeft, with styling applied through CSS classes.

CCurran Kelleher
89% match
Loading thumbnail…

Iris Scatter Plot

This scatter plot visualizes the Iris flower dataset, comparing sepal length to sepal width across three species encoded by color. The visualization uses D3 v7’s scaleLinear, axisBottom, and axisLeft to construct the chart, with an ordinal color scale for species classification. Rendered as SVG, it includes a manually drawn legend and gridlines, reading data from a local CSV file through d3.csv. The chart demonstrates ES6 module imports and loading D3 via UNPKG.

YYi-Qing
89% match
Loading thumbnail…

Iris_Scatter_Plot

This scatter plot visualizes the classic Iris dataset, showing the relationship between sepal length and sepal width for three iris species, with each species represented by a distinct color. Data is loaded from a tab-separated values file using `d3.tsv`, and the visualization is rendered as SVG circles using D3 v3. Linear scales (`d3.scale.linear`) map the quantitative axes, while `d3.svg.axis` generates the bottom and left axes with labels. A color legend identifies the species categories, and all points are drawn with a fixed radius of 3.5 pixels.

CChmits
88% match
Loading thumbnail…

Iris_Scatter_Plot

This scatter plot visualizes the classic Iris dataset, showing the relationship between sepal length and sepal width for three iris species, with each species represented by a distinct color. Data is loaded from a tab-separated values file using `d3.tsv`, and the visualization is rendered as SVG circles using D3 v3. Linear scales (`d3.scale.linear`) map the quantitative axes, while `d3.svg.axis` generates the bottom and left axes with labels. A color legend identifies the species categories, and all points are drawn with a fixed radius of 3.5 pixels.

CChmits
88% match
Loading thumbnail…

Scatter I

This scatter plot displays sepal width against sepal length for the Iris dataset, with points colored by species via a categorical scale. The visualization uses D3.js (version 3.5.5) to load tab-separated data with `d3.tsv`, create linear scales for both axes, and render circles for each data point. Axis labels and a legend identify the measurements and species categories.

11wheel
88% match
Loading thumbnail…

Iris Scatter Plot

This scatter plot visualizes the iris dataset, showing sepal length against sepal width for three flower species, with each species colored distinctly via a custom color legend. The visualization uses D3 v5 to load CSV data and build an SVG scene, employing `scaleLinear` for the axes, `scaleOrdinal` for color encoding, and `axisBottom`/`axisLeft` to render gridlines. Semi-transparent circles reveal overlapping points, while a reusable `colorLegend` module generates a categorical legend with labeled circles and a background rectangle.

YYunLing
88% match