Mathilde_TD2

Mathilde_TD2

100% match

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.

96% match

Mathilde_TD2

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.

95% match

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.

D3: Drawing with iris data

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.

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.