Fork of t3

100%

✓ Published0🌍 Public

Last edited Oct 22, 2024

Created on Oct 22, 2024

Forked from t3

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes while coloring each point by species (setosa, versicolor, or virginica). The chart loads CSV data from a GitHub gist and uses D3 v6’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render axes. Circles are drawn with SVG, with fill colors assigned via a switch statement per species. Axis labels display rotated text, and the plot fills the browser window with a responsive width and height.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of t3.2

This visualization is a scatter plot of the Iris dataset, plotting sepal length against petal length, with each flower species represented by a distinct symbol shape. The chart uses D3 v7’s scaleLinear for axes, scaleOrdinal with symbolsFill to map species to different marker shapes, and a custom shape legend to identify the three species. Data is loaded from a remote CSV file via csvParse, and the plot is rendered as SVG paths using the d3.symbol generator. The axes are drawn with axisLeft and axisBottom.

Aamshureddy13@gmail.com

92% match

Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This D3.js (v6) scatter plot visualizes the Iris Dataset, mapping petal length and width for each flower sample while encoding species with distinct colors (purple, red, teal). The SVG rendering uses `d3.csv` to load the data, `d3.scaleLinear` for axes, and `d3.axisLeft`/`d3.axisBottom` for tick marks. Circular marks are positioned via `selectAll('circle').join('circle')` and labeled with rotated axis titles for petal length and width. The plot fills the browser window and includes a 24px tick font size for readability.

YYbg99g

91% match

Loading thumbnail…

Fork of Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width on the x- and y-axes while coloring each point by species (green for setosa, purple for versicolor, orange for virginica). The D3.js v6 code loads the CSV data via `d3.csv`, and uses `d3.scaleLinear` for axes and `d3.extent` to compute domains. Using `d3.select` and the `join` operator, it appends SVG circles whose radius is fixed, while also setting `rx` and `ry` attributes (though these do not affect circle rendering). Axis labels and tick marks are generated with `d3.axisLeft` and `d3.axisBottom`. The visualization is rendered directly to an SVG element sized to the full browser window.

Vvamshisoletii

91% match

Loading thumbnail…

t3

This scatter plot visualizes the IRIS dataset, encoding petal length and width along the x- and y-axes while coloring each point by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. The code loads CSV data from a GitHub gist via `d3.csv`, uses `d3.scaleLinear` and `d3.extent` to map values, and renders circles in an SVG. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, with rotated, green text labels added manually.

Aamshureddy13@gmail.com

91% match

Loading thumbnail…

Fork of Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width to the x and y axes while coloring each point by species (setosa, versicolor, or virginica). The SVG is rendered using D3 v6, with scales created via `d3.scaleLinear`, axes via `d3.axisLeft` and `d3.axisBottom`, and data loaded asynchronously from a CSV URL using `d3.csv`. The visualization fills the entire browser window and uses D3's `.join()` operator to create the circle marks.

TTharun2022

90% match

Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and petal width on the x- and y-axes while coloring each point by species (setosa, versicolor, or virginica). The SVG rendering uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`. Though the circles include `rx` and `ry` attributes, the visual output remains circular with a fixed radius. Data loads from a GitHub-hosted CSV, and the chart fills the browser window with no explicit legend, relying on orange, purple, and green markers to distinguish species.

GGARIDIDEEKSHITHREDDY

90% match

Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This fork of the Iris Dataset scatter plot visualizes petal length and width for three iris species, coloring each point by species (blue, red, or black). The D3 v6 code loads CSV data from a gist, maps petal dimensions to the x and y axes, and draws circles with a fixed radius of 5 pixels. It uses `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render the chart, while also extracting sepal length and width values (rx and ry) without affecting the plot’s visual output.

Sspandhanabadekol

90% match

Loading thumbnail…

Fork of Scatter Plot Using Iris Data

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes. Points are colored by species using a switch statement, with setosa, versicolor, and virginica shown in orange, green, and purple. The code loads CSV data via `d3.csv`, uses `scaleLinear` and `extent` for scales, and renders circles with SVG attributes. Axis labels and tick text are styled with custom fonts, and the plot fills the browser window.

DDINESH SAI BOPPANA

90% match