Skip to main content
SimilarExport ZIP
100%

Iris scatterPlot

✓ Published0🌍 Public
CChmits
Last edited Jan 26, 2018
Created on Jan 26, 2018

This example visualizes the classic Iris flower dataset, plotting sepal width against sepal length to reveal clusters by species. Each flower is a small circle, colored by species using `d3.scale.category10()`, with axis labels for the measurement units. The visualization loads tab-separated data from `iris.tsv`, uses `d3.scale.linear()` for x and y scales, and renders axes via `d3.svg.axis()`. A legend identifies the three species, while the SVG circles are positioned with `x()` and `y()` scales and filled based on the species value.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

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
96% 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
95% 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
95% match
Loading thumbnail…

Iris Scatter Plot

This scatter plot visualizes the Iris dataset, showing sepal length against sepal width for three species of iris flowers. The data comes from a CSV file containing measurements of 150 samples, with each species represented by a different color using D3’s scaleOrdinal and schemeSet1 palette. The visualization uses D3 v5 to load the data via csv(), create linear scales with scaleLinear, and render SVG circles with axisBottom and axisLeft for labeled axes. The chart includes gridlines and a title, with opacity applied to circles to reveal overlapping points.

Xxiplus
93% 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
93% match
Loading thumbnail…

Iris Scatter Plot with selection

This example displays the classic Iris dataset as a scatter plot, mapping sepal length and sepal width for three flower species. Each species is distinguished by color, with a legend box explaining the color mapping. The visualization is built with D3 v7, loading data via `d3.csv` and rendering as SVG. Key APIs include `scaleLinear`, `axisBottom`, `axisLeft`, and `select` for creating the plot, axes, and colored circles.

YYi-Qing
92% match
Loading thumbnail…

Iris Scatter Plot

This scatter plot visualizes the classic Iris dataset, plotting sepal length against sepal width for 150 flower samples. The code loads the data from a local CSV file and uses d3.csv, d3.scaleLinear, d3.axisBottom, and d3.axisLeft to construct the plot, which renders as red semi-transparent circles in an SVG. Each circle represents a single iris flower, and the chart includes labeled axes, a title, and grid lines created via tickSize. The dataset comes from the UCI Machine Learning Repository.

TThe-World-Muda
92% 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
92% match