olympics

100%

✓ Published0🌍 Public

Last edited Mar 21, 2024

Created on Mar 21, 2024

This scatterplot of the Iris dataset maps petal length against petal width, with each point colored by species. The chart uses a white-on-dark theme, with axes labeled “petal-length” and “petal-width,” and includes an interactive legend. Hovering over a species in the legend dims the other categories, highlighting the selected group.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot

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 (setosa, versicolor, or virginica). The visualization uses D3 v7 with the `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `csv` APIs to load and render the data as SVG circles. Axis labels indicate "Petal Length" and "Sepal Length," though the latter appears mislabeled relative to the plotted variables. The chart fills the browser window with margins and styled tick text.

Ffloraho401

86% match

Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris dataset, plotting petal length against petal width for individual flowers, with points colored by species (brown for setosa, orange for versicolor, red for virginica). The visualization uses D3.js v6, employing `scaleLinear` and `extent` to map data ranges to screen coordinates, and renders circles as SVG marks via `selectAll` and `join`. Axes are generated with `axisLeft` and `axisBottom`, while the data is loaded asynchronously from a CSV URL using D3’s `csv` function.

SSyed Araib Karim

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

86% match

Loading thumbnail…

Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, mapping petal length and petal width for individual flowers while encoding species type through color. The SVG visualization uses D3 v6 APIs such as `d3.csv`, `scaleLinear`, `extent`, and `axisBottom`/`axisLeft` to load data, scale axes, and render circles. It also applies elliptical shapes via `rx` and `ry` attributes, which derive from sepal measurements, and labels axes with rotated text.

Ttarungunda

86% match

Loading thumbnail…

Iris Scatterplot

This scatterplot visualizes the Iris dataset, plotting petal length against sepal width for individual flowers, with hover tooltips revealing exact measurements. The chart uses React with D3 v7, employing `scaleLinear` for axes and `extent` for domain calculation, while SVG circles render the data points. Axis components generate ticks and labels through D3's `ticks()` method. The visualization uses `d3.csv` to fetch and parse the dataset, with marks styled using CSS classes and a Poppins font.

JJames Rhodes

86% match

Loading thumbnail…

Scatter Plot - Iris

This scatter plot visualizes the classic Iris dataset, showing the relationship between petal length and sepal length for three flower species. The D3 v5 code uses `scaleLinear` and `extent` to map data values to SVG coordinates, with React components handling axis rendering and circle marks. Each species receives a distinct color and opacity through CSS classes. The visualization includes labeled axes with formatted tick marks and a native SVG `<title>` tooltip that reveals the species name on hover.

FFlorian Kotthoff

85% match

Loading thumbnail…

Scatter plot

This scatter plot visualizes the Iris dataset, mapping petal length and width for each flower and coloring points by species (setosa, versicolor, virginica). The visualization uses D3 v6 within a React setup, loading CSV data via `d3.csv` and rendering SVG circles. Axes are created with `d3.axisLeft` and `d3.axisBottom`, while scales use `d3.scaleLinear` and `d3.extent`. The chart also includes axis labels, but notably, the x-axis text incorrectly labels petal length as "Sepal_Length," and the circle attributes include non-standard `rx` and `ry` properties.

Kkakumanusreya

85% match

Loading thumbnail…

Scatter Plot

This interactive scatter plot visualizes the Iris flower dataset, mapping petal length and sepal width for individual samples. Circles are colored by species, with a legend-free color scheme distinguishing Adelie (grey), Gentoo (green), and other species (blue). The visualization uses D3 v5 with a React-friendly SVG rendering approach, employing `d3.csv` for data loading, `d3.scaleLinear` for axes, and `d3.axisLeft`/`d3.axisBottom` for chart scaffolding. It includes a titled header and responsive sizing based on window dimensions.

LLakshmiManjushaReddyYarreddu

85% match