Skip to main content
100%

D3 : Lecture 2

✓ Published0🌍 Public
Aalexandrospopov
Last edited Jan 29, 2018
Created on Jan 24, 2018

A scatterplot of the Iris dataset plots sepal length against sepal width, with each of the three species (setosa, versicolor, virginica) distinguished by a unique D3 symbol shape and color. The visualization encodes species using red crosses, green stars, and blue triangles, positioned via d3.scaleLinear axes. The code also computes per-species means and sums of squared deviations for linear regression calculations, though the regression lines are not rendered. Data is loaded from iris.csv and drawn as SVG paths using d3.symbol().

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 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
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…

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 Page Template

This visualization displays the classic Iris dataset as a scatter plot of sepal length versus sepal width, with each species (setosa, versicolor, virginica) encoded using distinct symbols and colors. The chart includes axes with labels, and linear regression lines are calculated and drawn for each species. Built with D3 v4, the example demonstrates how to load CSV data, define scales, render SVG symbols, and compute regression lines using the mean and sum of squared deviations.

Aadurivault
91% match
Loading thumbnail…

D3 Scatterplot with Regression Line

This scatterplot displays the classic Iris dataset, plotting sepal length against sepal width for three species. Each species is represented by a distinct symbol and color: circles for virginica, triangles for setosa, and squares for versicolor. The code computes a linear regression directly from the data and overlays the resulting regression line in green. It uses D3.js version 3.5.6 with SVG rendering, including `d3.svg.axis` for the axes and `d3.svg.symbol` for the custom point shapes.

RRenonDis
91% match
Loading thumbnail…

TP2

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.

AAlxClt
90% match
Loading thumbnail…

scatter plot

This scatter plot visualizes the Iris Dataset, displaying sepal length on the x-axis and sepal width on the y-axis, with each point colored by species (Iris-setosa, Iris-versicolor, or Iris-virginica). The visualization uses D3 v6 to load CSV data, apply linear scales via `d3.scaleLinear`, and render circles in an SVG. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, and additional petal length and width values determine each circle’s radius properties. The plot fills the browser window, with styled tick labels and axis text.

DDineshK2602
89% 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
89% match