fresh block

100%

✓ Published0🌍 Public

Last edited Jun 11, 2018

Created on Jun 11, 2018

This example shows the classic Iris dataset as a bubble chart, mapping sepal length to the x-axis, petal width to the y-axis, and sepal length to bubble radius, with species distinguished by color. The chart is rendered as static SVG in D3 v3, using `d3.scale.linear` for position and size scales, `d3.scale.category10` for colors, and `d3.svg.axis` for the labeled axes. Data is loaded via `d3.csv` from a GitHub-hosted CSV file, with a title and axis labels added manually.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

fresh block

AAlexMutiso

100% match

Loading thumbnail…

fresh block

This example visualizes the classic Iris dataset as a scatterplot, mapping sepal length to the x-axis, sepal width to the y-axis, and petal length to the radius of each circle. Species are distinguished by color using a categorical ordinal scale, and a legend identifies the three iris species. The chart includes axis labels for sepal width and sepal length, with a hover tooltip that displays the species of each point. Built with D3 v4, the visualization uses SVG and animation, with a fixed pixel size and a color scheme based on d3.schemeCategory20.

DDjokovalle

91% match

Loading thumbnail…

fresh block

A scatterplot displays the classic Iris flower dataset, plotting sepal width against petal width with points colored by species (red, lightgrey, lightblue). The visualization uses D3 v4 with SVG rendering, employing `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.symbol` for distinct marker shapes per species. A red line overlays the chart, computed via a custom linear regression function to show the overall trend across all measurements.

AAurelienVirello

88% match

Loading thumbnail…

fresh block

This visualization renders a static scatterplot of three Iris flower samples using D3 v4. It shows the relationship between sepal and petal measurements for the setosa species, with each flower represented as a circle. The code binds the dataset to SVG circle elements, setting fixed positions and a radius of 11 pixels. The rendering approach uses SVG via D3's `selectAll` and `data` binding, though the chart does not include axes or scales. All points are currently plotted at the same coordinates (200, 150), so the visualization does not yet differentiate between individual data points.

DDjokovalle

86% match

Loading thumbnail…

fresh block

This scatterplot, built with D3 v4, visualizes the classic Iris dataset by plotting sepal length against sepal width. Each circle represents a flower, with its radius encoding petal length via a square-root scale. The points are colored by species (setosa, versicolor, virginica) using a categorical color scheme, with a legend in the top-right corner. Axis labels clarify the variables, and hovering over a point reveals a tooltip displaying the species. The visualization is rendered as a static SVG with interactive mouseover effects, making it easy to explore the distribution and separation of the three iris species across the measured attributes.

DDjokovalle

86% match

Loading thumbnail…

D3-Bubble Chart

This example displays the Iris dataset as a bubble chart, plotting sepal width on the x-axis and petal width on the y-axis. Circle size encodes sepal length, while color distinguishes species (setosa, virginica, versicolor) via a scaleOrdinal with a custom range. Built with D3 v7, it uses d3.csv for data loading, d3.scaleLinear for positioning and size, and SVG circles for rendering. The chart also includes axis labels and size legend annotations.

CChandana Srinivas

86% match

Loading thumbnail…

Bubble Plot D3

This bubble plot visualizes the Iris dataset, displaying sepal length on the x-axis and petal length on the y-axis. Each circle's radius encodes petal width, while its color distinguishes the three iris species (setosa, versicolor, virginica) via a categorical color scheme. Built with D3.js v6, the SVG visualization uses `d3.scaleLinear` for axes, `d3.scaleSqrt` for bubble sizing, and `d3.scaleOrdinal` with `d3.schemeSet1` for species coloring. Data is loaded asynchronously from a CSV file using `d3.csv`, with axes rendered via `d3.axisBottom` and `d3.axisLeft`.

Bbhavanimandula@my.unt.edu

84% match

Loading thumbnail…

fresh block

A grid of translucent blue circles represents the classic Iris flower dataset, with each circle’s horizontal position based on its index and petal width, while petal length defines a vertical scale that is not applied to the circle positions. The visualization uses D3 v4 to load the CSV file, create an SVG canvas, and bind the data to circle elements. It sets a fixed vertical center, fill, stroke, and radius, though the x-scale and y-scale are defined but only the x-scale influences the layout. The data comes from the included iris.csv file, rendered as SVG with a dark background.

BBaptisteL54

84% match