Skip to main content
SimilarExport ZIP
100%

fresh block

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

A scatterplot displays the classic Iris flower dataset, plotting sepal width against petal width with points colored by species (red, lightgrey, lightblue). The visualization uses D3 v4 with SVG rendering, employing `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.symbol` for distinct marker shapes per species. A red line overlays the chart, computed via a custom linear regression function to show the overall trend across all measurements.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/8cceffb73b3c672eeafaa2267d40e8d3'>fresh block</a>

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/429e12437c86095abcb3e0317bd3bb71'>fresh block</a>

mit Licensed

Similar vizzes

Loading thumbnail…

fresh block

This example visualizes the classic Iris dataset as a scatterplot, mapping sepal length to the x-axis, sepal width to the y-axis, and petal length to the radius of each circle. Species are distinguished by color using a categorical ordinal scale, and a legend identifies the three iris species. The chart includes axis labels for sepal width and sepal length, with a hover tooltip that displays the species of each point. Built with D3 v4, the visualization uses SVG and animation, with a fixed pixel size and a color scheme based on d3.schemeCategory20.

DDjokovalle
93% match
Loading thumbnail…

fresh block

This scatterplot, built with D3 v4, visualizes the classic Iris dataset by plotting sepal length against sepal width. Each circle represents a flower, with its radius encoding petal length via a square-root scale. The points are colored by species (setosa, versicolor, virginica) using a categorical color scheme, with a legend in the top-right corner. Axis labels clarify the variables, and hovering over a point reveals a tooltip displaying the species. The visualization is rendered as a static SVG with interactive mouseover effects, making it easy to explore the distribution and separation of the three iris species across the measured attributes.

DDjokovalle
93% match
Loading thumbnail…

fresh block

This visualization renders a static scatterplot of three Iris flower samples using D3 v4. It shows the relationship between sepal and petal measurements for the setosa species, with each flower represented as a circle. The code binds the dataset to SVG circle elements, setting fixed positions and a radius of 11 pixels. The rendering approach uses SVG via D3's `selectAll` and `data` binding, though the chart does not include axes or scales. All points are currently plotted at the same coordinates (200, 150), so the visualization does not yet differentiate between individual data points.

DDjokovalle
92% match
Loading thumbnail…

fresh block

This example shows the classic Iris dataset as a bubble chart, mapping sepal length to the x-axis, petal width to the y-axis, and sepal length to bubble radius, with species distinguished by color. The chart is rendered as static SVG in D3 v3, using `d3.scale.linear` for position and size scales, `d3.scale.category10` for colors, and `d3.svg.axis` for the labeled axes. Data is loaded via `d3.csv` from a GitHub-hosted CSV file, with a title and axis labels added manually.

AAlexMutiso
88% match
Loading thumbnail…

fresh block

This example shows the classic Iris dataset as a bubble chart, mapping sepal length to the x-axis, petal width to the y-axis, and sepal length to bubble radius, with species distinguished by color. The chart is rendered as static SVG in D3 v3, using `d3.scale.linear` for position and size scales, `d3.scale.category10` for colors, and `d3.svg.axis` for the labeled axes. Data is loaded via `d3.csv` from a GitHub-hosted CSV file, with a title and axis labels added manually.

AAlexMutiso
88% match
Loading thumbnail…

Iris_scatterplot

This scatterplot visualizes the classic Iris dataset, mapping sepal length on the x-axis and sepal width on the y-axis. Points are colored by species, with setosa rendered as circles and versicolor/virginica as squares, and hovering reveals a tooltip with the species name. Built with D3 v4, the chart includes axes, axis labels, a legend, and a fixed 10-pixel square size for two of the species. The visualization is animated and uses an SVG renderer. Data is loaded from an external CSV file included in the block. The code is forked from an anonymous block and is available under the MIT license.

DDjokovalle
85% match
Loading thumbnail…

Basic Scatter Plot

This example visualizes the classic Iris dataset, plotting sepal length against petal length for 150 flowers of three species. Using D3.v4, it constructs an SVG scatter plot with labeled, ticked axes, employing `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` for coordinate mapping and axis generation. The visualization also demonstrates custom axis label styling and margin-based layout, with data loaded from a CSV file.

CCurran Kelleher
85% match
Loading thumbnail…

Basic Scatter Plot

This example visualizes the classic Iris dataset, plotting sepal length on the x-axis against petal length on the y-axis for 150 flowers. The scatter plot uses semi-transparent circular marks colored by species, with a categorical color legend generated via the d3-legend plugin. Built with D3 v4, the visualization employs d3.scaleLinear for axes, d3.axisBottom and d3.axisLeft for ticks, and d3.scaleOrdinal with schemeCategory10 for color mapping. The SVG render includes labeled axes and a legend, with data loaded from a CSV file.

CCurran Kelleher
84% match