Skip to main content
SimilarExport ZIP
100%

TP2

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

This example visualizes the classic Iris dataset, plotting sepal length against sepal width for three species of iris flowers. Each species is distinguished by a unique D3 symbol shape and color: crosses for setosa, stars for versicolor, and wye symbols for virginica. A green line overlays the scatterplot, representing a linear regression trend calculated from the data’s sepal dimensions. The visualization is built with D3 v4, using its SVG rendering, linear scales, axis generators, and symbol API to display the categorical data points.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

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

Iris_scatterplot_sepal

This example visualizes the classic Iris dataset, plotting sepal length against sepal width for 150 flowers. Points are encoded with different shapes and colors to distinguish the three species: setosa (circles), versicolor (red squares), and virginica (black squares). The visualization includes axis labels, a categorical color legend, and interactive tooltips that display the species on hover. Built with D3 v4 using SVG, it also demonstrates the use of ordinal color scales, square-root size scaling, and filter-based shape encoding.

DDjokovalle
90% 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
89% 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
89% 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
89% match