Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Vineela

✓ Published0🌍 Public
VVineela Reddy
Last edited Mar 29, 2023
Created on Mar 29, 2023
Forked from Fork of Vineela

This scatter plot visualizes the Iris dataset, mapping petal width and sepal length along the axes. Each flower species—setosa, versicolor, and virginica—appears as a distinct colored symbol, with red, violet, and orange fills respectively. The visualization uses D3 v6 APIs including `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `symbol` generators, rendering as SVG. Data loads from a CSV via `d3.csv`, and the code assigns colors through a custom `marker` function based on species.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Vineela

This scatter plot visualizes the Iris dataset, mapping petal width to sepal length and encoding species membership with red, violet, and orange markers. The D3.js v6 code loads CSV data from a GitHub gist, using `scaleLinear` for axes, `scaleOrdinal` for symbol types, and custom fill colors assigned per species. SVG rendering displays circular marks with translations for each data point, while the `scatterPlot` module wraps reusable axis and mark-generation logic.

VVineela Reddy
96% match
Loading thumbnail…

Fork of Vineela

This D3.js v6 scatter plot visualizes the Iris dataset, mapping petal width and sepal length on the x and y axes while encoding species with custom symbols and colors. The implementation uses the `csv` function to load data and a reusable `scatterPlot` module built with `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `symbol`. Markers are rendered as SVG paths, with fill colors determined by a switch statement that assigns red, violet, and orange to the three iris species. The plot fills the entire browser window and includes labeled axes.

VVineela Reddy
95% match
Loading thumbnail…

Fork of Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, displaying petal length against petal width for individual flowers. Each point is colored by species, using blue, red, and black to distinguish setosa, versicolor, and virginica. The visualization uses D3 v6 APIs including `select`, `scaleLinear`, `extent`, and `axisBottom` to map data to SVG circles, with point radius fixed while sepal dimensions are encoded as rx and ry attributes on the circle elements. The chart fills the entire browser window.

DDivyaVellanki
90% match
Loading thumbnail…

Vineela

This interactive D3.js scatter plot visualizes the Iris dataset, displaying sepal length against petal width while encoding species through both color and symbol shapes. The visualization renders SVG paths using d3.symbol() with distinct markers for setosa, versicolor, and virginica species. It implements custom scales via d3.scaleLinear and d3.scaleOrdinal, with axes generated through d3.axisLeft and d3.axisBottom. The plot fills the entire browser window and updates dynamically when the dataset loads from a remote CSV source.

VVineela Reddy
90% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length on the x-axis and petal width on the y-axis. Each point is colored by species (setosa, versicolor, or virginica), though the code also loads sepal dimensions without displaying them. Built with D3 v6, it uses `d3.csv` to load data, `scaleLinear` for axes, and `axisLeft`/`axisBottom` for tick marks. Circles are rendered as SVG elements with `selectAll` and `join`, with axis labels added via SVG text elements.

MMeghanaArepalli
90% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, displaying petal length against petal width for individual flowers, with each species color-coded (setosa in green, versicolor in orange, and virginica in brown). The visualization uses D3 v6’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to compute scales and render axes, while circles are drawn in SVG via `selectAll` and `join`. The data is fetched as CSV from a GitHub gist and parsed with numeric coercion, with labels for petal length and sepal length added as text elements.

RRadhakrishna246
89% match
Loading thumbnail…

Fork of Fork of Iris Dataset Scatter Plot

This visualization displays the classic Iris Dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis. Individual data points are colored by species—green for setosa, yellow for versicolor, and black for virginica—using D3’s scaleLinear and extent functions to set the scales. The SVG rendering uses D3 v6 to append circles, with axes added via axisLeft and axisBottom. Although sepal length and width values are read from the CSV, they are assigned as rx and ry attributes on circles, which does not affect their circular appearance since the radius remains fixed.

Eeravellisaimeghana
89% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This visualization shows the classic Iris dataset as a scatter plot, mapping petal length and width for three flower species colored blue, red, and black. The code uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select`. It loads the dataset from a GitHub gist URL, parses numeric fields, and renders circles as SVG elements sized by sepal measurements. The axes display species separation, with circle positions computed via linear scales that map data values to pixel coordinates across the full window dimensions.

SSreejaBellamkonda
89% match