Skip to main content
SimilarExport ZIP
100%

Fork of Data Visualization- Scatter Plot with Iris DataSet

✓ Published0🌍 Public
Jjeffchengtw
Last edited Sep 30, 2022
Created on Sep 30, 2022

This visualization shows a scatter plot of the Iris dataset, using different colors to distinguish the three species (setosa, versicolor, and virginica). It maps petal measurements to the x and y axes while additionally encoding sepal measurements as the rx and ry attributes of each circle, creating a hybrid scatter plot. The code loads the CSV data via `d3.csv`, uses `scaleLinear` for axis scaling, and renders SVG circles with `selectAll` and `join`. Axis labels are added as text, with the petal axis rotated using `transform`.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Data Visualization- Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis. Each circle represents a flower, colored by species: lightblue for setosa, lightpink for versicolor, and yellow for virginica. The code uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, create scales, and render axes. The visualization also incorporates sepal measurements as radius properties, though the circles maintain a fixed radius of 5 pixels.

Jjeffchengtw
96% match
Loading thumbnail…

Fork of Data Visualization- Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, mapping petal length and width for individual flowers and coloring points by species (setosa, versicolor, and virginica). The D3 v6 code loads CSV data via `d3.csv`, scales positions with `d3.scaleLinear`, and renders circles as SVG elements with `d3.selectAll` and `.join()`. Axes are generated using `d3.axisLeft` and `d3.axisBottom`, while a custom switch statement assigns colors. The visualization also calculates redundant sepal measurements but does not display them, instead labeling the horizontal axis as petal length.

JJacky
94% match
Loading thumbnail…

Fork of Data Visualization- Scatter Plot with Iris DataSet

This example visualizes the Iris dataset as a scatter plot, mapping petal length and petal width to x and y positions on a D3 v6 SVG. Points are colored by species—light blue for setosa, black for versicolor, and red for virginica—with fixed radius, while each circle also carries the sepal length and width as unused `rx` and `ry` attributes from the CSV data. The code uses `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` to load and render the plot, with axis labels indicating petal length and sepal length.

JJyothicherukuri
94% match
Loading thumbnail…

Fork of Data Visualization- Scatter Plot with Iris DataSet

This visualization shows a scatter plot of the Iris dataset, mapping petal length and width for each flower sample, with points colored by species (setosa, versicolor, or virginica). The code loads the data via D3’s `csv` from a GitHub gist, parses numeric fields, and uses `scaleLinear` with `extent` to set x–y domains. It renders SVG circles via `selectAll` and `join`, and appends an axis on the left and bottom using `axisLeft` and `axisBottom`. The chart also includes rotated axis labels.

Ppravalliyaram
94% match
Loading thumbnail…

Fork of Data Visualization- Scatter Plot with Iris DataSet

This visualization displays the Iris dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis. Each circle represents an iris flower, colored by species (blue for setosa, yellow for versicolor, green for virginica) using D3 v6 APIs including `csv`, `scaleLinear`, `extent`, and `axisBottom`. The SVG renders circles with a fixed radius, while sepal measurements are bound but not visually encoded. Data is loaded from a GitHub gist via CSV, with axes labeled and styled via CSS.

Ttejaswikalluri05
94% match
Loading thumbnail…

Fork of Data Visualization- Scatter Plot with Iris DataSet

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 (setosa, versicolor, or virginica) via a custom color function. The circles also encode sepal length and width as non-visual properties (rx and ry), though only a fixed radius is rendered. Built with D3 v6, the code loads CSV data using `d3.csv`, applies `scaleLinear` and `extent` for scaling, and renders axes via `axisLeft` and `axisBottom`. The SVG canvas fills the window, with a bottom margin accommodating custom axis labels for sepal length.

RRadhakrishna246
94% match
Loading thumbnail…

Fork of Data Visualization- Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, mapping petal length and width to the x and y axes while encoding sepal length and width as the horizontal and vertical radii of each circle. Points are colored by species (setosa, versicolor, virginica) using light blue, pink, and yellow. Built with D3 v6, it uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct axes, and loads data via `d3.csv` from a gist. The SVG rendering uses dynamic window dimensions and custom tick font sizing.

Vvarun-030
94% match
Loading thumbnail…

Fork of Data Visualization- Scatter Plot with Iris DataSet

This example visualizes the classic Iris dataset with a scatter plot, mapping petal length and width as the x and y coordinates for each data point. Each of the three iris species is distinguished by a unique fill color, and the plot includes labeled axes for both dimensions. The code uses D3 version 6.7.0, loading data from a remote CSV via `d3.csv`, then employing `d3.scaleLinear` for scaling and `d3.axisLeft` and `d3.axisBottom` for the axes. The visualization is rendered as an SVG appended to the body, with circles representing each flower, and all elements are positioned using functions from the D3 API.

Eeravellisaimeghana
94% match