Skip to main content
SimilarExport ZIP
100%

Untitled

✓ Published0🌍 Public
Eeravellisaimeghana
Last edited Mar 8, 2022
Created on Mar 8, 2022

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.

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
92% match
Loading thumbnail…

Untitled

This scatter plot visualizes the Iris dataset, mapping petal length and width to horizontal and vertical axes while coloring each point by species (pink, purple, or skyblue). The D3 v6 code loads CSV data via `d3.csv`, scales positions with `scaleLinear`, and renders circles using SVG joins. Axes are generated with `axisLeft` and `axisBottom`, with rotated labels, inside a React-agnostic HTML page using `d3.min.js`.

Ssowmyanagula@my.unt.edu
92% 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
91% match
Loading thumbnail…

Untitled

This interactive scatterplot displays the Iris dataset, with each point colored by species (setosa, versicolor, or virginica) and sized by petal length. The visualization cycles through four feature pairs on the x-axis every few seconds, while the y-axis remains fixed on sepal length. Built with React and D3 v4, it uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to render axes and SVG circles, with a legend and axis labels added dynamically.

GGogineni44
91% match
Loading thumbnail…

scatter plot

This D3 scatter plot displays the Iris Dataset, using petal length and width for the x- and y-axes while encoding species membership through circle colors (green, yellow, and black). It also maps sepal measurements to each point’s `rx` and `ry` attributes, though these elliptical properties are overridden by a fixed radius. Data loads via `d3.csv` and parses numeric columns. Axes are rendered with `d3.axisLeft` and `d3.axisBottom`, while scales use `d3.scaleLinear` and domains derive from `d3.extent`. SVG rendering creates responsive, full-viewport visuals with rotated axis labels.

Eeravellisaimeghana
91% match
Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the classic Iris Dataset using D3.js v6, displaying petal length against petal width for three species of iris flowers. The visualization encodes species membership through color, with setosa points in blue, versicolor in red, and virginica in black. The code loads comma-separated data from a GitHub gist, then uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the plot with labeled axes. The SVG rendering uses `<circle>` elements with a fixed radius, while axis text is styled with a 24-pixel font size for readability.

Mmandalasaikrishna007
91% match
Loading thumbnail…

Scatter Plot

This D3.js scatter plot visualizes the Iris dataset, mapping petal length and width for each specimen. Points are colored by species (setosa, versicolor, or virginica) using a categorical color scheme. The SVG rendering uses `d3.scaleLinear`, `d3.extent`, `d3.axisBottom`, and `d3.axisLeft` to construct the axes and plot, with data loaded asynchronously via `d3.csv`. Circle size is fixed, and the layout adapts to the browser window dimensions.

Ssalimjivani
90% match
Loading thumbnail…

scatter plot

This scatter plot visualizes the Iris dataset, mapping petal length and width for individual flowers while coloring each point by species: red for setosa, green for versicolor, and purple for virginica. The code loads CSV data via D3’s `csv` function, parses numeric columns, and builds scales with `scaleLinear` and `extent`. Circles are rendered as SVG elements with fixed radius, while axes are generated using `axisLeft` and `axisBottom`. The visualization also encodes sepal measurements as `rx` and `ry` attributes, though these do not affect circle appearance given the constant radius. The chart fills the browser window with a pale turquoise title.

Vvagdevi-369
90% match