Skip to main content
SimilarExport ZIP
100%

Scatter Plot Data

✓ Published0🌍 Public
Jjayanthamol99
Last edited Mar 16, 2023
Created on Mar 16, 2023

This scatter plot visualizes the Iris dataset, encoding petal length on the x-axis, petal width on the y-axis, and coloring each point by species (green, purple, or red). The code uses D3 v6 with `d3.csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `selectAll` to render SVG circles based on data from a GitHub-hosted CSV file. It also sets custom font sizes for tick text and includes axis labels for both dimensions.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length on the x-axis and petal width on the y-axis, with each point colored by species (red, green, or blue). The code uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, scale scales, and render axes. Circles are drawn using SVG selections with `join('circle')`, positioned via `cx` and `cy` attributes, and colored through a custom switch statement. The chart fills the browser window, with axis labels added as SVG text elements.

Jjayanthamol99
95% match
Loading thumbnail…

Scatter Plot Using Iris Data

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with each point colored by species (green, purple, or red). It uses d3.csv to load the data, d3.scaleLinear for axes, and d3.axisLeft and d3.axisBottom to render the scales. Circles are drawn as SVG elements via a data join, with labels for the axes in red and purple. The plot is rendered in vanilla HTML.

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

Iris Dataset Scatter Plot

This D3.js scatter plot visualizes the Iris Dataset, mapping petal length on the x-axis against sepal length on the y-axis. Each point represents an iris flower, colored by species (setosa in chartreuse, versicolor in orange, and virginica in blue). The code loads data from a CSV file via `d3.csv`, uses `scaleLinear` for axes, and renders circles as SVG elements. Axes are generated with `axisLeft` and `axisBottom`, while text labels for the axes are appended separately.

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

Scatter Plot

This scatter plot visualizes the Iris dataset, showing petal length and width, with points colored by species. The visualization uses D3 v6 to load CSV data from a GitHub gist, scale the axes linearly, and render circles as SVG marks. The plot includes axis labels for petal and sepal measurements, with a supplementary legend indicating the three Iris species.

Cchsaisriharsha@gmail.com
91% match
Loading thumbnail…

Scatter Plot with Iris Data

This scatter plot visualizes the Iris dataset, showing petal length and width on the x- and y-axes, with each point scaled by sepal dimensions and colored by species (setosa in black, versicolor in yellow, virginica in blue). It uses D3 v6 with `d3.csv` to load data, `scaleLinear` for scales, `axisLeft` and `axisBottom` for axes, and SVG circles for rendering. The data is parsed from a GitHub-hosted CSV, and axis labels are positioned with D3’s selection and append methods.

Ssalimjivani
91% match