Skip to main content
SimilarExport ZIP
100%

AVN - Scatter Plot

✓ Published0🌍 Public
Aavnreddy95
Last edited Jun 26, 2022
Created on Jun 25, 2022
Forked from HTML Starter

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.

AI-generated description

AVN - Iris scotter plot

MIT Licensed

Similar vizzes

Loading thumbnail…

AVN - Penguins Scatter Plot

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.

Aavnreddy95
93% 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
89% 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
89% match
Loading thumbnail…

Scatter Plot Using Iris Data

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with each point colored by species (green, purple, or red). It uses d3.csv to load the data, d3.scaleLinear for axes, and d3.axisLeft and d3.axisBottom to render the scales. Circles are drawn as SVG elements via a data join, with labels for the axes in red and purple. The plot is rendered in vanilla HTML.

MMeghanaArepalli
88% match
Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width for each sample while coloring points by species (setosa, versicolor, virginica). It uses D3 v6’s `csv` loader, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` to render an SVG chart. Circle marks encode petal measurements, while sepal length and width are stored as unused `rx`/`ry` attributes. The axes are labeled with rotating text, and the visualization fills the browser window, with the data fetched from a GitHub-hosted CSV file.

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

Iris Dataset Scatter Plot

This example visualizes the Iris Dataset as a scatter plot, mapping petal length and width to the x- and y-axes while coloring each point by species (setosa, versicolor, or virginica) using orange, green, and purple. The SVG rendering is built with D3 v6, using `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct scales and axes. Data is loaded asynchronously via `d3.csv`, with numeric fields parsed on input, and the chart includes custom axis labels and a title.

AAnanyaSamala
88% match
Loading thumbnail…

Dataset Scatter Plot

This example visualizes the Iris Dataset as a scatter plot, mapping petal length and width along the x- and y-axes, with circles colored by species (setosa in red, versicolor in pink, and virginica in blue). It also encodes sepal length and width as the rx and ry attributes of each circle, though they remain unchanged due to a fixed radius. Built with D3 v6, the code loads CSV data via `d3.csv`, uses `scaleLinear` and `extent` for scales, and renders axes with `axisLeft` and `axisBottom`. All elements are drawn as SVG circles appended to the body.

AAkrutiKhurana2103
88% match