Skip to main content
SimilarExport ZIP
100%

Scatter plot for iris data set

✓ Published0🌍 Public
Aachalasam
Last edited Jul 3, 2022
Created on Jun 26, 2022
Forked from HTML Starter

This visualization displays the classic Iris dataset as a scatter plot, mapping petal length on the x-axis and sepal length on the y-axis. Each point represents an individual flower, colored by species (setosa, versicolor, or virginica) using a custom marker function. The code loads data via `d3.csv` from a GitHub gist, parses numeric fields, and renders circles with `d3.selectAll` and `.join()`. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, while `d3.scaleLinear` and `d3.extent` set the scales to the data domain.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

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

Scatter Plot

This scatter plot visualizes the Iris dataset, showing the relationship between sepal and petal measurements. Points are colored by species—setosa in dark red, versicolor in dark blue, and virginica in light green—mapping petal length and width to x and y positions. The code loads data via `d3.csv`, applies scales with `d3.scaleLinear` and `d3.extent`, and renders SVG circles with `d3.select` and `.join`. Axis labels and ticks are added using `d3.axisLeft` and `d3.axisBottom`, with the plot sized to the full window.

Vvarun-030
94% 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
94% match
Loading thumbnail…

Scatter Plot for Iris dataset

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis against sepal length on the y-axis for each flower sample. The code loads the data via `d3.csv`, parses numeric values, and uses `d3.scaleLinear` with `d3.extent` to set the scales. Circles are drawn using SVG elements, with axes generated by `d3.axisLeft` and `d3.axisBottom`. Axis labels are added manually as SVG text elements. The plot renders full-screen, with a margin-based layout and a fixed point radius of 5 pixels.

Cchandrakalavanukuri
94% match
Loading thumbnail…

Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, mapping petal length and width for each sample while coloring points by species (setosa, versicolor, virginica). The visualization uses D3.js v6 with SVG rendering, employing `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for axes and scales. Data loads from a CSV via the `csv` function. The code also references sepal dimensions but does not plot them, and includes a custom marker function to assign colors to each species group.

Ssudhamshu24
94% match
Loading thumbnail…

Iris Dataset Scatter Plot

This visualization displays the classic Iris dataset as a scatter plot, mapping petal length to the x-axis and petal width to the y-axis. Each circle represents an individual flower, with color indicating species: black for setosa, green for versicolor, and yellow for virginica. The code uses d3.csv to load the data, then applies d3.scaleLinear with d3.extent for axes, rendered via d3.axisLeft and d3.axisBottom. The SVG circles are positioned using this scaling, and text labels for axes are appended manually.

AABCDB15
93% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris dataset, showing petal length against petal width, with points colored by species (setosa, versicolor, and virginica). The plot displays 150 data points from the CSV source, loaded via `d3.csv`. The code uses D3 v6 APIs such as `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to build the SVG visualization. Axis labels indicate the measured attributes, while point positions are derived from parsed numeric fields for petal and sepal dimensions.

Tteohangxanh
93% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length on the x-axis against sepal length on the y-axis, with points colored by species (setosa, versicolor, and virginica). Built with D3 v6 and rendered as SVG, it uses `d3.csv` to load data, `scaleLinear` and `extent` to set scales, and `axisLeft` and `axisBottom` for axes. Circle marks are appended via `data().join()`, with a custom color mapping function for each species. The plot fills the browser window and includes labeled axes.

KK V VINITHA
93% match