Scatterplot d3v4

100%

Scatterplot d3v4

✓ Published0🌍 Public

Last edited May 23, 2017

Created on May 23, 2017

This scatterplot displays the classic Iris dataset, mapping sepal length and width along the axes with petal length controlling the circle radius and species determining color. Built with D3 v4 and rendered as SVG, it uses `d3.scaleLinear`, `d3.scaleSqrt`, `d3.scaleOrdinal` with `d3.schemeCategory20`, and `d3.axisBottom`/`d3.axisLeft`. A clickable legend filters the bubbles by species, dimming all others.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

Scatterplot Iris (d3.v4)

This scatterplot visualizes the classic Iris dataset using D3.js v4, mapping sepal length and width to the x- and y-axes. Each flower is represented by a circle whose radius encodes petal length, while color distinguishes species (setosa, versicolor, virginica) via a categorical scale. The chart includes labeled axes, a legend, and hover tooltips that display the species of each point. Built with SVG and animation, the visualization offers an interactive overview of the dataset’s structure and species groupings.

BBerengerCunillera

92% match

Loading thumbnail…

scatterplot_iris

This scatterplot, built with D3 v4, visualizes the classic Iris dataset, plotting sepal length on the x-axis and sepal width on the y-axis. Each circle represents an iris flower, with its radius proportional to petal length. The visualization uses color to distinguish the three iris species, and it includes a legend for identification. Interactive tooltips appear on mouseover, showing the species of each point. Axes are labeled for sepal length and width, and the plot is rendered as an SVG with smooth transitions on hover.

DDjokovalle

91% match

Loading thumbnail…

Scatter plot testing

This scatter plot visualizes the classic Iris dataset, mapping sepal length and width to the x- and y-axes while encoding petal length through circle radius and species via color. The D3 v4 code loads the CSV, uses linear and sqrt scales for positioning and sizing, and renders SVG circles with ordinal color mapping. Axes are drawn using d3.axisBottom and d3.axisLeft.

AAtomy9

91% match

Loading thumbnail…

scatterplot_iris

This scatterplot visualizes the classic Iris dataset, mapping sepal length on the x-axis, sepal width on the y-axis, and encoding petal length via the radius of each circle. The chart is rendered as SVG circles using D3 v4, with the x and y axes scaled linearly and the color scale using d3.schemeCategory20 to distinguish the three iris species. Hovering over a point triggers a tooltip that displays the species name. A legend identifies the species by color, and axis labels indicate the measurements plotted.

DDjokovalle

91% 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

91% match

Loading thumbnail…

Iris_scatterplot_sepal

This example visualizes the classic Iris dataset using a scatterplot of sepal length versus sepal width, with points colored and shaped by species. Built with D3 v4, it renders as an SVG with a tooltip that appears on hover, and includes a categorical legend and axis labels.

DDjokovalle

91% 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

90% match

Loading thumbnail…

scatterplot in progress

This example visualizes the classic Iris dataset as a scatterplot, mapping sepal length and sepal width to the x- and y-axes while encoding petal length in the radius of each circle and species in color. Built with D3 v4 and rendered as SVG, the chart loads iris.csv and applies linear scales for all three variables, with the radius scale bounded between 2 and 15 pixels. The visualization uses a categorical color scheme (d3.schemeCategory20) to distinguish the three iris species, and axes are drawn on the bottom and left edges of the plotting area.

BBerengerCunillera

90% match