Untitled

100%

✓ Published0🌍 Public

Last edited Mar 7, 2022

Created on Mar 7, 2022

This scatter plot visualizes the Iris Dataset, a classic multivariate dataset of flower measurements, using a vanilla HTML implementation with D3. It displays the data points across multiple dimensions, allowing comparison of sepal and petal lengths and widths across the three iris species. The visualization leverages `d3.scalePoint` and `d3.scaleLinear` to map the axes, with `d3.select` and `d3.axisBottom`/`d3.axisLeft` rendering the chart elements. The plot is interactive, highlighting individual points on hover to reveal their species and values.

AI-generated description

A vanilla HTML implementation of a D3 scatter plot. Shows the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This interactive scatter plot visualizes the Iris flower dataset, showing relationships between sepal and petal measurements. Users can select which measurements to plot on the x and y axes using dropdown menus. The visualization encodes the three Iris species (setosa, versicolor, and virginica) with distinct colors: purple, red, and green, with semi-transparent circles. Built with D3.js v5, the code uses the `scaleLinear`, `axisLeft`, and `axisBottom` functions to create the plot, with `extent` for domain calculation and `csv` for data loading.

Mminson

90% match

Loading thumbnail…

Untitled

This interactive 3D scatter plot visualizes the Iris dataset, displaying sepal length, sepal width, and petal length along the three axes. The visualization is built with Plotly.js, using its `scatter3d` trace type to render markers with a green outline. Data is loaded asynchronously via D3's `d3.csv` function, which parses rows from a remote CSV file. Each axis is configured with custom titles and distinct background and grid colors, while the plot's layout margins are minimized to maximize the chart area within its container.

Ddivyagunuguntla

89% match

Loading thumbnail…

Untitled

This visualization presents a scatter plot matrix of the Iris flower dataset, with each pair of the four numeric variables (sepal and petal length and width) displayed as separate small multiples. The diagonal cells show histograms of each variable’s distribution, while off-diagonal cells show scatter plots colored by species using `d3.scaleOrdinal`. Built with `d3.scalePoint` to position each cell, `d3.scaleLinear` for axes, and `d3.axisBottom`/`d3.axisLeft` for ticks, it uses `d3.extent` to compute per-cell domains and the `d3.histogram` API to bin data for the diagonal plots. Data is loaded as CSV from a remote URL, rendered as SVG circles and rectangles.

Sstanley.shen2003@gmail.com

89% match

Loading thumbnail…

Untitled

This interactive D3.js (v6) scatter plot visualizes the classic Iris dataset, mapping petal length and width to the x and y axes. Points are color-coded by species, with setosa, versicolor, and virginica rendered in blue, red, and black respectively. The SVG rendering uses d3.scaleLinear for axes, d3.extent for domain calculation, and d3.axisLeft and d3.axisBottom for tick marks. The code loads data via d3.csv from a GitHub gist, parsing numeric fields, and draws circles with a fixed radius, while also storing sepal dimensions as unused properties on each mark.

Eeravellisaimeghana

89% match

Loading thumbnail…

Untitled

This interactive 3D scatter plot visualizes the classic Iris dataset, showing the relationship between sepal length, sepal width, and petal length. Each of the 150 data points is colored according to its species (setosa, versicolor, or virginica) using a custom Plotly colorscale. The visualization uses Plotly’s `scatter3d` type via `Plotly.newPlot`, with data loaded asynchronously through D3’s `d3.csv`. Axis titles are provided for all three dimensions, and the scene is rendered with colored background planes and white gridlines, creating a clear, rotatable view of the multi-dimensional flower measurements.

Aavinash021997

89% match

Loading thumbnail…

Untitled

This interactive 3D scatter plot displays the classic Iris flower dataset, mapping sepal length, sepal width, and petal length to the x, y, and z axes. Each point represents a flower specimen, with its color indicating the species: setosa, versicolor, or virginica. The visualization is rendered using Plotly’s JavaScript library, `scatter3d` trace type, and relies on D3’s `d3.csv` method to fetch the dataset from a GitHub gist. The code explicitly sets a custom colorscale and applies colored point markers with pink outlines to distinguish the three species.

Aadapavaishnavi12

88% match

Loading thumbnail…

Untitled

This 3D scatter plot visualizes the classic Iris dataset, showing sepal length, sepal width, and petal length as points in three-dimensional space. Each point uses a marker size of 12 with partial opacity, and the axes include distinct background colors and gridlines. The visualization is built using Plotly’s `scatter3d` trace type, with data loaded via D3’s CSV parser and rendered through WebGL. The code defines a custom color scale but does not color-code points by species, instead presenting all measurements in a single trace.

Aavinash021997

88% match

Loading thumbnail…

Untitled

A scatter plot visualizes the Iris dataset, encoding sepal and petal measurements as points colored by species. The chart uses D3 v3 scales and axes to map numeric values to pixel positions, with an SVG rendering of circles and a color legend. The React-based application loads the data via the `csv` function from D3, and interactive tooltips display the iris variety and coordinates on mouseover.

Cctarmey

88% match