Skip to main content
SimilarExport ZIP
100%

Scatterplot multiple series v2

✓ 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 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.

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'>Scatterplot</a>

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Scatterplot multiple series

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.

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
92% 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
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
89% 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
89% match
Loading thumbnail…

Iris scatterPlot

This scatter plot visualizes the classic Iris dataset, plotting sepal width against sepal length for three species of iris flowers. Each flower is represented as a small circle, color-coded by species (setosa, versicolor, virginica) using a categorical color scale, with a legend in the upper right. The visualization uses D3 v3 to render an SVG graphic, employing `d3.scale.linear()` for the x and y axes, `d3.svg.axis()` for the axes, and `d3.scale.category10()` for coloring the dots. The data is loaded asynchronously from a tab-separated values file via `d3.tsv()`.

CChmits
89% match
Loading thumbnail…

Scatter plot iris

This example visualizes the classic Iris dataset as a scatter plot, showing the relationship between sepal width and sepal length across three flower species. Each species is represented by a colored square marker, with a legend in the top-right corner identifying the color mapping. The visualization uses D3.js v3 with SVG rendering, employing `d3.scale.linear` for the axes, `d3.svg.axis` for tick marks, and `d3.scale.category10` for the categorical color scheme on data loaded from a CSV file.

RRemiFaure
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