Skip to main content
SimilarExport ZIP
100%

Mathilde_TD2

✓ Published0🌍 Public
MMathReynaud
Last edited Jan 23, 2018
Created on Jan 23, 2018

A D3.js scatterplot maps sepal length against sepal width for the classic Iris dataset, with each of the three species distinguished by a unique marker shape (triangle, cross, star) and color (red, orange, blue). The visualization also overlays per-species least-squares regression lines, computed from the CSV data, using `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.symbol` for the custom point glyphs. SVG rendering is used throughout.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/MathReynaud/'>MathReynaud</a>'s block: <a href='http://bl.ocks.org/MathReynaud/7d1f6b02fdf8d931332cad49a21b934a'>Mathilde_TD2</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Mathilde_TD2

This visualization displays the classic Iris dataset, plotting sepal length against sepal width for three species of iris flowers. Each species is distinguished by a unique symbol and color (red triangles for setosa, orange crosses for virginica, and blue stars for versicolor) on an SVG scatterplot. The view also overlays a least-squares regression line for each species, computed from the plotted data. The visualization is built with D3 v4, using `d3.csv` for data loading, `d3.scaleLinear` for axes, and `d3.symbol` to define the custom point shapes.

MMathReynaud
95% match
Loading thumbnail…

Mathilde_TD2

This visualization displays the classic Iris dataset, plotting sepal length against sepal width for three species of iris flowers. Each species is distinguished by a unique symbol and color (red triangles for setosa, orange crosses for virginica, and blue stars for versicolor) on an SVG scatterplot. The view also overlays a least-squares regression line for each species, computed from the plotted data. The visualization is built with D3 v4, using `d3.csv` for data loading, `d3.scaleLinear` for axes, and `d3.symbol` to define the custom point shapes.

MMathReynaud
95% match
Loading thumbnail…

Mathilde_TD2

This example visualizes the classic Iris dataset, plotting sepal length against sepal width for three species of iris flowers. Each species is distinguished by both color (red, orange, blue) and symbol shape (triangle, cross, star), with a separate least-squares regression line overlaid for each group to show the linear relationship between the variables. The visualization uses D3 v4 with SVG rendering, employing `d3.scaleLinear` for axes, `d3.symbol` for the categorical point markers, and custom regression calculations to draw the trend lines.

MMathReynaud
94% match
Loading thumbnail…

td3

This visualization displays two side-by-side scatterplots of the Iris dataset, plotting sepal length against sepal width. Each point is encoded with a symbol and color representing the flower species, while point size reflects petal length. Built with D3 v4, the code uses `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.symbol` to generate distinct patterns for setosa, versicolor, and virginica. The SVG renderings are created by appending paths to separate chart divs, with scales computed from the CSV data using `d3.extent` and `d3.axisBottom`/`d3.axisLeft` for axes.

MMathReynaud
89% match
Loading thumbnail…

D3: Drawing with iris data

This example visualizes the classic Iris dataset as a scatter plot, showing sepal length against sepal width. Each data point is rendered as a distinct SVG symbol (triangle, cross, or star) and color-coded by species: red for setosa, orange for virginica, and blue for versicolor. The visualization also includes linear regression lines for each species, calculated using a custom `leastSquaresequation` function, to highlight trends within the groups. Built with D3 v4, the code uses `d3.scaleLinear`, `d3.symbol`, and `d3.axisBottom`/`d3.axisLeft` to construct axes and symbols, with data loaded from an external CSV file.

MMathReynaud
88% match
Loading thumbnail…

D3: Drawing with iris data

This example visualizes the classic Iris dataset by plotting sepal length against sepal width for three species of iris flowers. Each species is distinguished by a unique symbol shape and color: red triangles for setosa, orange crosses for virginica, and blue stars for versicolor. The visualization also overlays a least-squares regression line for each species, computed from the data, to show trends in the relationship. Built with D3 v4, the code loads the CSV data and uses `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.symbol` to render the SVG scatterplot and its axes.

MMathReynaud
87% match
Loading thumbnail…

D3: Drawing with iris data

This example visualizes the classic Iris dataset by plotting sepal length against sepal width for three species of iris flowers. Each species is distinguished by a unique symbol shape and color: red triangles for setosa, orange crosses for virginica, and blue stars for versicolor. The visualization also overlays a least-squares regression line for each species, computed from the data, to show trends in the relationship. Built with D3 v4, the code loads the CSV data and uses `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.symbol` to render the SVG scatterplot and its axes.

MMathReynaud
87% match
Loading thumbnail…

iris

This visualization displays the classic Iris flower dataset as a scatterplot, mapping sepal length and width to the x and y axes, petal length to point size, and species to color. The rendering uses D3 v4’s SVG output. Data loading relies on `d3.csv` for parsing the CSV file, while scales are built with `d3.scaleLinear`, `d3.scaleSqrt`, and `d3.scaleOrdinal`, plus axes from `d3.axisBottom` and `d3.axisLeft`. A categorical legend, built with circle elements, identifies the three species (setosa, versicolor, virginica), and a tooltip div is appended to the body but never made visible.

GGTHamonville
86% match