Skip to main content
SimilarExport ZIP
100%

Fork of Iris Dataset Scatter Plot

✓ Published1🌍 Public
Ppravalliyaram
Last edited Mar 7, 2022
Created on Mar 7, 2022

This fork renders the classic Iris Dataset as a scatter plot, mapping petal length and width to the x- and y-axes while coloring each point by species. It directly loads the CSV via `d3.csv`, parses numeric fields, and uses `d3.scaleLinear` with `d3.extent` to set scales. Circles are drawn with `d3.selectAll` and `join`, assigned colors per species, and styled with a fixed radius. Axes are generated using `d3.axisLeft` and `d3.axisBottom`. The SVG fills the browser window, with tick text enlarged for readability.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This fork renders the classic Iris Dataset as a scatter plot, mapping petal length and width to the x- and y-axes while coloring each point by species. It directly loads the CSV via `d3.csv`, parses numeric fields, and uses `d3.scaleLinear` with `d3.extent` to set scales. Circles are drawn with `d3.selectAll` and `join`, assigned colors per species, and styled with a fixed radius. Axes are generated using `d3.axisLeft` and `d3.axisBottom`. The SVG fills the browser window, with tick text enlarged for readability.

Ppravalliyaram
100% 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
94% 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
94% 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
94% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the classic Iris Dataset, mapping petal length and width on the x- and y-axes, with each point colored by species (setosa, versicolor, virginica) via a custom marker function. Built with vanilla HTML and D3 v6, it uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render SVG circles and axes. The data loads from a remote CSV using `d3.csv`, and the plot fills the browser window, with marks carrying additional sepal measurements as unused `rx` and `ry` attributes.

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

Fork of Iris Dataset Scatter Plot

This interactive scatter plot visualizes the Iris Dataset, mapping petal length and width on the x- and y-axes while coloring each point by species. Built with D3 v6, it renders circles as SVG elements, using `d3.scaleLinear` for coordinate scaling and `d3.axisLeft`/`d3.axisBottom` for axes. The code loads CSV data via `d3.csv`, parses numeric fields, and positions points within a full-window SVG.

RRadhakrishna246
94% match