Skip to main content
SimilarExport ZIP
100%

Fork of Scatter Plot Using Iris Data

✓ Published0🌍 Public
SSushmareddy-gudipally
Last edited Mar 28, 2022
Created on Mar 28, 2022

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes, with circles colored by species. It also encodes sepal length and width as the rx and ry attributes of each circle, creating elliptical markers. The visualization is built with D3 v6, using `csv` to load data, `scaleLinear` for axes, and SVG circles with `attr` bindings. Axis labels and tick styling are customized via CSS and D3's `axisLeft` and `axisBottom`.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Scatter Plot Using Iris Data

This scatter plot displays the Iris dataset, showing petal length and petal width on the axes, with each data point colored by species. The visualization uses D3’s `scaleLinear` and `extent` for scaling, and `csv` for data loading. It renders SVG circles with attributes for position, color, and radius. The chart includes axis labels and uses the `axisLeft` and `axisBottom` functions for tick marks. The data is fetched from a GitHub-hosted CSV file.

SSushmareddy-gudipally
96% match
Loading thumbnail…

Fork of Scatter Plot Using Iris Data

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 (green, purple, or red). It also encodes sepal length and width via the `rx` and `ry` attributes, though these are not visually apparent since the circles use a fixed radius. Built with D3 v6, the code uses `d3.csv` to load data, `d3.scaleLinear` for axes, and `d3.axisLeft` and `d3.axisBottom` for rendering the SVG chart.

RRikibens
94% match
Loading thumbnail…

Fork of Scatter Plot Using Iris Data

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with each data point colored by species (green, purple, or red). The code uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`, rendering circles as SVG elements. Sepal length and width are also read from the data, though they are not used in the plot’s geometry, and axis labels are added as text elements.

SSheshidharreddy
94% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This visualization displays the Iris Dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis, with points colored by species (setosa, versicolor, and virginica). It also encodes sepal length and width as the horizontal and vertical radii of the ellipse-shaped markers, adding extra data dimensions. Built with D3 v6, the code loads CSV data using `d3.csv`, scales axes with `scaleLinear`, and renders the plot as SVG circles with `rx` and `ry` attributes, using `axisLeft` and `axisBottom` for ticks.

SSaikiran2029
94% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This visualization displays the Iris dataset as a scatter plot, mapping petal length to the x-axis and petal width to the y-axis, with points colored by species (orange, darkpink, and gold). It loads CSV data via `d3.csv`, parses numeric fields, and uses `d3.scaleLinear` with `d3.extent` to set domains. Axes are rendered with `d3.axisLeft` and `d3.axisBottom`, while circles are drawn using SVG `selectAll().data().join()`. Although labels mention sepal dimensions, the axis text is inconsistent, and the `rx`/`ry` attributes do not affect circle rendering.

Vvegurusaiprathyusha
94% 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 points by species (setosa, versicolor, and virginica). Using D3 v6, the code loads the CSV data, applies linear scales via `scaleLinear` and `extent`, and renders circles with SVG. It also passes sepal measurements as `rx` and `ry` attributes, though these do not affect circle radius, which remains fixed. Axes are drawn with `axisLeft` and `axisBottom`.

Ppreethamkesa
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 scatter plot visualizes the Iris Dataset, mapping petal length and width to x/y positions while encoding sepal dimensions through circle radius and species via color. It uses D3 v6’s `csv` loader, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render an SVG chart. The code assigns fixed radii but also sets non-standard `rx` and `ry` attributes from sepal measurements, creating elliptical marks. The visualization updates dynamically to fill the browser window, with species colored blue, red, or black.

Mmandalasaikrishna007
94% match