Skip to main content
SimilarExport ZIP
100%

AVN - Penguins Scatter Plot

✓ Published0🌍 Public
Aavnreddy95
Last edited Jun 26, 2022
Created on Jun 25, 2022

This interactive visualization displays the classic Iris dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis. Each circle is colored by species—green for setosa, orange for virginica, and blue for versicolor—and its horizontal and vertical radii encode sepal length and width, creating an abstract bubble-like representation. Built with D3 v6, the code loads the CSV data via `d3.csv`, uses `scaleLinear` and `extent` for scaling, and renders circles as SVG elements. Axes are drawn with `axisLeft` and `axisBottom`, with custom text labels styled using inline attributes.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

AVN - Scatter Plot

This example visualizes the Iris dataset as a scatter plot, mapping petal length and width to the x- and y-axes while encoding species type with color (blue, purple, or cyan). It uses d3.csv for data loading, d3.scaleLinear for scales, and d3.axisLeft and d3.axisBottom for axes, all rendered as SVG circles. The plot also sets extra attributes (rx and ry) on the circles based on sepal measurements, though these do not affect the circle shape since a fixed radius is applied. The data is sourced from a GitHub-hosted CSV file.

Aavnreddy95
93% match
Loading thumbnail…

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) using green, red, and blue. Built with D3 v6 and SVG, it loads CSV data via `d3.csv`, scales domains with `scaleLinear` and `extent`, and renders circles with `selectAll().data().join()`. Axes are generated through `axisLeft` and `axisBottom`, with custom tick styling and static text labels for both dimensions. The plot fills the browser window with margins and a consistent point radius.

Aavinash021997
87% match
Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and petal width for individual flowers while encoding species through color. It renders SVG circles using D3 v6, with scales from `d3.scaleLinear` and axes generated by `d3.axisLeft` and `d3.axisBottom`. The code loads CSV data via `d3.csv`, parses numeric fields, and positions marks based on the dataset’s sepal measurements. Axis labels indicate petal length on the x-axis and sepal length on the y-axis, offering a direct comparison of these floral traits.

AArv1228
86% match
Loading thumbnail…

Penguins Dataset Scatter plot

This scatter plot visualizes the Iris dataset, mapping sepal length against petal length for individual flowers. Each circle represents a data point, and the plot reveals how these measurements cluster by species. The visualization is built with React and D3.js, using `d3.scaleLinear`, `d3.extent`, and `d3.axisBottom`/`d3.axisLeft` for scales and axes. Data is loaded from a CSV file via `d3.csv`, and the SVG rendering uses simple joined circles with a fixed radius of 10 pixels.

Ddheeraj1509
86% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length on the x-axis against sepal length on the y-axis, with points colored by species (setosa, versicolor, and virginica). Built with D3 v6 and rendered as SVG, it uses `d3.csv` to load data, `scaleLinear` and `extent` to set scales, and `axisLeft` and `axisBottom` for axes. Circle marks are appended via `data().join()`, with a custom color mapping function for each species. The plot fills the browser window and includes labeled axes.

KK V VINITHA
86% match
Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and petal width along the axes while coloring each circle by species (setosa in green, versicolor in orange, and virginica in brown). The chart uses D3 v6 to load CSV data, apply linear scales, and render SVG circles and axes. Though circles are drawn with a fixed radius, the code also reads sepal dimensions, and axis labels indicate petal length and sepal length. The visualization fills the browser window with a minimal margin-based layout.

RRadhakrishna246
86% match
Loading thumbnail…

Penguin Data set scatter Plot

This scatter plot visualizes the Iris dataset, showing the relationship between sepal length and petal length with points colored by species using a color legend. The code uses D3 v5 with d3.scaleLinear for positioning, d3.scaleOrdinal with schemeCategory10 for species colors, and d3.csvParse to load the CSV data. Axes and labels are rendered via d3.axisLeft and d3.axisBottom, while the legend is built with custom selection joins and circle elements.

Rradhadevarapu
86% match
Loading thumbnail…

Iris Dataset Scatter Plot

This interactive scatter plot visualizes the Iris dataset, plotting petal length against petal width for individual flowers. Data points are color-coded by species—blue for setosa, red for versicolor, and black for virginica—allowing immediate comparison of species clusters. The visualization loads CSV data using d3.csv, and employs d3.scaleLinear and d3.extent to map the data to screen coordinates, with d3.axisLeft and d3.axisBottom rendering labeled axes. Circles are drawn as SVG elements with d3.selectAll and .join, while the chart also encodes sepal measurements as additional attributes (rx, ry) on each marker.

Ppravalliyaram
85% match