Flower Scatter plot

100%

Flower Scatter plot

✓ Published0🌍 Public

Last edited Oct 19, 2025

Created on Oct 19, 2025

A flower scatter plot displays HeightCM against SizeIndex, with points colored by Species from a CSV dataset. Rose, hibiscus, and shoeblack plant observations are jittered horizontally within size bands to reduce overlap, and the legend identifies each species. The visualization uses d3.csv, d3.scaleBand, d3.scaleLinear, and d3.scaleOrdinal with the Set2 color scheme, rendering circles in SVG with hover outlines.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot with Color and Size

This scatter plot visualizes the Iris dataset, displaying petal length and width on the x- and y-axes while encoding sepal length through point size and species through color. The D3 v7 code uses `d3.csv` with `d3.autoType` to load data, then `d3.scaleLinear` for axes, `d3.scaleOrdinal` for categorical colors, and `d3.scaleSqrt` to map a third continuous variable to circle radius. Hover tooltips provide exact values for all four measurements per flower.

KKrishna.

81% match

Loading thumbnail…

scatter plot

This scatter plot uses the classic Iris dataset to compare sepal length and petal length across three flower species, with a legend and interactive tooltips. The D3.v7 code loads CSV data via `d3.csv`, applies `d3.scaleLinear` for axes and `d3.scaleOrdinal` for categorical colors. Points are rendered as SVG circles, with a grid drawn using `d3.axisBottom` and `d3.axisLeft`, and mouse events enlarge points and display detailed measurements.

Ssravya010

79% match

Loading thumbnail…

Scatter Plot

This example visualizes the classic Iris dataset, displaying flower measurements in a scatter plot with points colored by species class. Each circle represents a single flower, positioned by its sepal and petal dimensions using D3’s `d3.scaleLinear` for x and y axes. The code loads data with `d3.csv`, appends SVG circles via `svg.selectAll` and `enter()`, and includes placeholder logic for axis rendering and hover tooltips. The visualization is rendered as an SVG within an HTML page, styled with external CSS, demonstrating basic D3 data-binding and scale patterns.

YYang Shun Yu

79% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes while using circle color to distinguish the three flower species. It is rendered as an SVG using D3 version 6, with the `d3.csv` driver to load remote data and `scaleLinear`, `axisLeft`, and `axisBottom` to create the axes. Each circle’s radius is fixed, and the chart includes color-coded markers for species, making class separation immediately visible.

Pperamranji

79% match

Loading thumbnail…

Reusable Fork of Scatter Plot - ICE7

This example visualizes the relationship between petal width and sepal length for three flower species (Rose, Tulip, and Lily) using an SVG scatter plot rendered with D3 v7. The code loads data from a CSV file, scales the axes linearly, and maps flower type to a categorical color scale (steelblue, tomato, black). It includes axis labels, a chart title, and a legend, with points drawn as semi-transparent circles. The scatter plot shows clear clustering by species, with lilies having the largest dimensions.

Jjanisha30gowda@gmail.com

79% match

Loading thumbnail…

scatter plot

This scatter plot visualizes the Iris Dataset, showing the relationship between petal length and petal width for three species of iris flowers. Each point is colored by species (blue, maroon, or violet) using a custom marker function, with the plot rendered as SVG elements appended to the body. The code loads CSV data via `d3.csv`, maps values with `scaleLinear` and `extent`, and builds axes with `axisLeft` and `axisBottom`.

HHarishkumar1606

79% match

Loading thumbnail…

Scatter Plot

This example presents a scatter plot of the Iris dataset, using petal length and width for the x- and y-positions, with three species color-coded as green, yellow, and red circles. The code loads CSV data with d3.csv, uses d3.scaleLinear and d3.extent to set scales, and renders axes with d3.axisLeft and d3.axisBottom. The SVG circles also carry sepal length and width values, though these are not mapped to visual channels. Rendering is done entirely in a static SVG.

Ssalimjivani

79% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris Dataset, with each circle representing an iris flower colored by species to emphasize clustering patterns between sepal length and petal length. The SVG visualization uses D3 v5 with d3.scaleLinear for axes and d3.scaleOrdinal with d3.schemeCategory10 for categorical coloring. It incorporates the d3-legend library to generate a color legend, while axes are rendered using d3.axisBottom and d3.axisLeft with gridlines and rotated labels. Data loads asynchronously from a CSV via d3.csv.

Kkranthireddyskr

78% match