scatterplot in progress

100%

scatterplot in progress

✓ Published0🌍 Public

Last edited Oct 17, 2017

Created on Oct 17, 2017

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.

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>

mit Licensed

Similar vizzes

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

96% match

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

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

92% match

Loading thumbnail…

scatterplot in progress

This example demonstrates a scatterplot that initially displays randomly generated points, then transitions to plotting the classic Iris dataset. The visualization uses D3.js scales to map sepal length, sepal width, and petal length to the x position, y position, and point size respectively, with categorical colors applied to the circles. The axes are created with d3.axisBottom and d3.axisLeft. The chart is rendered as an SVG, and the code includes both a preliminary random-data phase and a final phase that loads and plots the Iris dataset from a CSV file, with the x, y, and r scales re-domained accordingly.

FFlazyy

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

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

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

89% match

Loading thumbnail…

Scatterplot d3v4

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.

JJverma

89% match