Test

100%

✓ Published0🌍 Public

Last edited Jan 8, 2017

Created on Jan 8, 2017

A scatterplot maps the classic Iris flower dataset, plotting sepal length against sepal width for 150 samples. Each circle represents one flower, with color encoding the species: light green for setosa, light blue for versicolor, and yellow for virginica. A separately drawn green dot demonstrates interactive behavior. Built with D3 v3 and SVG, the visualization draws raw axes using simple lines and renders static circles. Hovering over any point temporarily turns it red and displays a tooltip labeling the species, using D3's `on` event handlers and SVG text elements.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

Test

This example visualizes the classic Iris flower dataset, plotting sepal length and width measurements as colored circles on an SVG canvas. Each circle represents a single flower sample, with distinct colors corresponding to the three species: setosa, versicolor, and virginica. The visualization uses D3 v3 to load the CSV data with `d3.csv`, and it includes interactive mouseover events that change a circle’s fill color and display a temporary tooltip showing the species name. However, the primary chart axes and scales defined at the top are not actually connected to the plotted data, leaving the visualization as a raw, unlabeled scatterplot.

MMohamedZaki

93% match

Loading thumbnail…

Iris_scatterplot_sepal

This example visualizes the classic Iris dataset, plotting sepal length against sepal width for 150 flowers. Points are encoded with different shapes and colors to distinguish the three species: setosa (circles), versicolor (red squares), and virginica (black squares). The visualization includes axis labels, a categorical color legend, and interactive tooltips that display the species on hover. Built with D3 v4 using SVG, it also demonstrates the use of ordinal color scales, square-root size scaling, and filter-based shape encoding.

DDjokovalle

90% match

Loading thumbnail…

Iris_scatterplot_sepal

This example visualizes the classic Iris dataset, plotting sepal length against sepal width for three iris species. Built with D3 v4, the scatterplot uses SVG shapes to encode species: circles for setosa, red squares for versicolor, and black squares for virginica. A square-root scale controls point size, and hover tooltips display species names. Animated transitions and a categorical color legend complete the chart, which reads directly from iris.csv.

DDjokovalle

89% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the classic Iris dataset, encoding sepal length and width for 150 flowers as circles on a Cartesian plane. Each point represents a flower, colored by species using a custom color generator that produces maximally distinct hues via the LAB color space. The visualization is built as a reusable D3 module, demonstrating how optional configuration properties like point size and color can be flexibly applied. Rendered in SVG, the plot reveals the well-known clustering of Iris setosa, versicolor, and virginica species, with axes labeled from the dataset's metadata. The code leverages RequireJS for modular loading and highlights a clean separation between data, metadata, and visualization logic.

CCurran Kelleher

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

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

89% match

Loading thumbnail…

Scatterplot chart

This scatterplot visualizes the Iris flower dataset, plotting sepal width against sepal length, with each point colored by species (setosa, versicolor, or virginica). The chart is built with D3.js, using `d3.scale.linear` for the axes and `d3.svg.axis` for rendering tick marks and labels. Data is loaded from a CSV file via `d3.csv`, and points animate upward from the bottom of the chart using chained transitions with staggered delays. Hovering reveals a tooltip with the species and measurements via appended SVG `title` elements.

LLuisSevillano

89% match

Loading thumbnail…

Scatter plot

This scatter plot visualizes the Iris dataset, comparing sepal length and sepal width across 150 individual flowers. Each circle represents one sample, with its position determined by these two measured attributes while a green, semi-transparent fill makes overlapping points visible. The visualization is built using D3 v6, loaded via UNPKG, and rendered as SVG. Code imports functions like `scaleLinear`, `axisLeft`, and `axisBottom` from the D3 module to construct the axes and scales. Data is loaded from a local CSV file using D3’s `csv` method.

Wwei

89% match