Skip to main content
SimilarExport ZIP
100%

ATS - Scatter Plot

✓ Published2🌍 Public
Xxscotta@yahoo.com
Last edited Aug 18, 2024
Created on Aug 14, 2024

This scatter plot visualizes the Iris dataset, showing sepal length and width for three iris species while encoding the relative petal size (petal length multiplied by petal width) as the radius of each circle. The visualization is built with D3.js, using `d3.select`, `d3.csv`, `d3.scaleLinear` for x, y, and radius mappings, and `d3.scaleOrdinal` for color coding by species, with a legend and grid lines.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

ATS Dual Scatterplot

The ATS Dual Scatterplot presents two side-by-side scatter plots visualizing the Iris dataset. The left plot maps sepal length against sepal width, while the right plot maps petal length against petal width, with point sizes encoding the product of the other two dimensions. Both plots color points by species. The visualization uses custom D3 code, including `d3.scaleLinear`, `d3.extent`, and `d3.symbol`, to render SVG circles, axes, grids, and legends. The `scatterPlot` function is a reusable module, and data loading uses `d3.csv`.

Xxscotta@yahoo.com
88% match
Loading thumbnail…

scatter plot

This scatter plot visualizes the Iris Dataset, displaying sepal length on the x-axis and sepal width on the y-axis, with each point colored by species (Iris-setosa, Iris-versicolor, or Iris-virginica). The visualization uses D3 v6 to load CSV data, apply linear scales via `d3.scaleLinear`, and render circles in an SVG. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, and additional petal length and width values determine each circle’s radius properties. The plot fills the browser window, with styled tick labels and axis text.

DDineshK2602
87% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes while using circle color to distinguish the three flower species. It is rendered as an SVG using D3 version 6, with the `d3.csv` driver to load remote data and `scaleLinear`, `axisLeft`, and `axisBottom` to create the axes. Each circle’s radius is fixed, and the chart includes color-coded markers for species, making class separation immediately visible.

Pperamranji
87% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris Dataset, plotting sepal length against petal length for 150 flowers across three species. The visualization uses D3.js (v7) with a modular architecture separating axes, scatter plot, and visualization logic. Axes are rendered using d3.axisLeft and d3.axisBottom, while data points are displayed as circles with a fixed radius of 10 pixels. The data is loaded from a CSV file and parsed using d3.csvParse, with numeric values converted from strings.

Kkratikashetty1102@gmail.com
87% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris dataset, showing the relationship between sepal and petal measurements. Points are colored by species—setosa in dark red, versicolor in dark blue, and virginica in light green—mapping petal length and width to x and y positions. The code loads data via `d3.csv`, applies scales with `d3.scaleLinear` and `d3.extent`, and renders SVG circles with `d3.select` and `.join`. Axis labels and ticks are added using `d3.axisLeft` and `d3.axisBottom`, with the plot sized to the full window.

Vvarun-030
87% match
Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width along the x- and y-axes while coloring each point by species. It also encodes sepal length and width into the horizontal and vertical radii of each circle, creating an elongated marker shape. The code loads data from a CSV using `d3.csv`, applies `d3.scaleLinear` and `d3.extent` for scales, and renders circles with SVG attributes `cx`, `cy`, `r`, `rx`, and `ry`. Axes are drawn with `d3.axisLeft` and `d3.axisBottom`, and the visualization fills the browser window.

Vvidhyanamini
87% 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…

Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes, with circles colored by species (red, yellow, blue). It uses D3 v6’s `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and SVG `circle` elements. Data loads from a remote CSV, and additional sepal dimensions are stored as circle properties but not visualized. Axes labels are added via SVG text, with a fixed radius of 5 pixels per point.

AAnanthulaaditya
86% match