scatterplot in progress

100%

scatterplot in progress

✓ Published0🌍 Public

Last edited Oct 17, 2017

Created on Oct 17, 2017

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.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/romsson/'>romsson</a>'s block: <a href='http://bl.ocks.org/romsson/4c9487b46840585b7e24fa92e3a37b53'>scatterplot in progress </a>

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/061517e6bc88d4fef9369fc69493db6d'>scatterplot in progress </a>

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/56fc789ad35a47e2b2650e9d6f859670'>scatterplot in progress </a>

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/e1a775cd537a9a64521c7ce808bccf16'>scatterplot in progress </a>

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/af7dad1c0efa53417da24625f572a083'>scatterplot in progress </a>

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/d7f248e9f750463298af456521cac86b'>scatterplot in progress </a>

mit Licensed

Similar vizzes

Loading thumbnail…

scatterplot in progress

This example visualizes the classic Iris dataset as a scatterplot, with sepal length and width mapped to the x and y axes, petal length encoded by point size, and petal width by color. Built with D3 v4 and rendered as SVG, the chart separates the three species (setosa, versicolor, virginica) using distinct colors, and includes axes, a legend, and transition-based brushing that filters points based on a selection. The visualization is a work in progress, forked from an earlier block, and uses the famous Fisher iris measurements from the bundled `data.csv`.

BBerengerCunillera

96% match

Loading thumbnail…

scatterplot in progress

This scatterplot, titled "scatterplot in progress," visualizes the classic Iris dataset using D3.js v4. It plots sepal length on the x-axis against sepal width on the y-axis, with each point's radius mapped to petal length and color mapped to species using a categorical scale. The visualization includes axis labels generated by D3's axis components and a legend identifying the three iris species. The chart is rendered as SVG within a fixed 960x500 viewport, with black circles overlaid on a white background, and the title hints at its iterative, work-in-progress nature.

BBerengerCunillera

96% match

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

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

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

92% match

Loading thumbnail…

Basic Scatter Plot

This example visualizes the classic Iris dataset, plotting sepal length against petal length for 150 flower specimens. Built with D3 v4, it loads data from a CSV file and uses linear scales with the margin convention to position circles in an SVG. The axis constraints are omitted, but the scatter plot effectively reveals the clustering of the three iris species based on their measured botanical dimensions.

CCurran Kelleher

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

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

92% match