Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Iris Dataset Scatter Plot

✓ Published0🌍 Public
TTharun2022
Last edited Mar 5, 2022
Created on Mar 5, 2022

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.

AI-generated description

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

MIT Licensed

Similar vizzes

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

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, virginica). Circles are rendered using D3 v6’s `scaleLinear`, `axisLeft`, and `axisBottom` APIs, with the sepal measurements stored as unused `rx` and `ry` attributes. The SVG fills the window, and data is loaded asynchronously via `d3.csv` from a GitHub gist. The view includes 24-pixel tick labels and no interactivity.

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

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width along the axes while coloring each point by species (setosa, versicolor, or virginica). The visualization is built with D3 v6, using `scaleLinear` for axes, `axisLeft` and `axisBottom` for ticks, and SVG circles for marks. Data loads from a CSV via `d3.csv`, with numeric parsing for measurement columns. The code assigns colors through a switch statement and uses fixed radius points, with margins configured for the full browser viewport.

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

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the classic Iris Dataset, mapping petal length and width on the axes and coloring each point by species (setosa, versicolor, or virginica). It uses D3 v6 to load CSV data, parse numeric fields, and render an SVG with circles. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, while `d3.scaleLinear` and `d3.extent` set the scales. Although the circles carry extra sepal length and width attributes, only the petal dimensions are visible in the plot.

SSreekarveeravelly
95% match
Loading thumbnail…

Fork of Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width for each specimen on the x- and y-axes, while coloring each point by species (setosa, versicolor, and virginica). The chart uses the D3 v6 `csv` loader to fetch the dataset, `scaleLinear` for axes, and `extent` to compute the domains. Each flower is drawn as an SVG circle with a fixed radius, but the code also defines rectangular attributes (`rx` and `ry`) from sepal measurements, though these are not visually applied. Axis labels and ticks are generated using `axisLeft` and `axisBottom`.

Ppravalliyaram
95% match
Loading thumbnail…

Fork of Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width for each specimen on the x- and y-axes, while coloring each point by species (setosa, versicolor, and virginica). The chart uses the D3 v6 `csv` loader to fetch the dataset, `scaleLinear` for axes, and `extent` to compute the domains. Each flower is drawn as an SVG circle with a fixed radius, but the code also defines rectangular attributes (`rx` and `ry`) from sepal measurements, though these are not visually applied. Axis labels and ticks are generated using `axisLeft` and `axisBottom`.

Ppravalliyaram
95% match