Skip to main content
SimilarExport ZIP
100%

Untitled

✓ Published0🌍 Public
Ssowmyanagula@my.unt.edu
Last edited Mar 6, 2022
Created on Mar 6, 2022
Forked from Untitled

This scatter plot visualizes the Iris dataset, mapping petal length and width to horizontal and vertical axes while coloring each point by species (pink, purple, or skyblue). The D3 v6 code loads CSV data via `d3.csv`, scales positions with `scaleLinear`, and renders circles using SVG joins. Axes are generated with `axisLeft` and `axisBottom`, with rotated labels, inside a React-agnostic HTML page using `d3.min.js`.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This scatter plot visualizes the Iris dataset, encoding petal length and petal width as x and y coordinates, while coloring each point by species. The code also reads sepal length and width values into the `rx` and `ry` attributes of each circle, though these do not affect the visual rendering since `r` is set to a fixed radius. Built with React and D3 v6, it uses `d3.csv` for data loading, `d3.scaleLinear` for scales, and `d3.axisLeft`/`d3.axisBottom` for axes with custom labels.

SSrilekha24
93% match
Loading thumbnail…

Untitled

A scatter plot visualizes the Iris dataset, encoding sepal and petal measurements as points colored by species. The chart uses D3 v3 scales and axes to map numeric values to pixel positions, with an SVG rendering of circles and a color legend. The React-based application loads the data via the `csv` function from D3, and interactive tooltips display the iris variety and coordinates on mouseover.

Cctarmey
93% match
Loading thumbnail…

Untitled

This interactive D3.js (v6) scatter plot visualizes the classic Iris dataset, mapping petal length and width to the x and y axes. Points are color-coded by species, with setosa, versicolor, and virginica rendered in blue, red, and black respectively. The SVG rendering uses d3.scaleLinear for axes, d3.extent for domain calculation, and d3.axisLeft and d3.axisBottom for tick marks. The code loads data via d3.csv from a GitHub gist, parsing numeric fields, and draws circles with a fixed radius, while also storing sepal dimensions as unused properties on each mark.

Eeravellisaimeghana
92% match
Loading thumbnail…

Untitled

This example visualizes the Iris dataset by plotting sepal length against sepal width as colored circles, with red, green, and blue representing the three species. A scatterplot with labeled axes reveals the distribution and clustering of measurements. The code loads data via `d3.csv` from a GitHub gist, uses `d3.scaleLinear` to map coordinates, and renders axes with `d3.axisBottom` and `d3.axisLeft`. Each point is an SVG circle appended to a D3-selected body element, with fill colors assigned conditionally based on species.

Bbhanuteja1807@gmail.com
91% match
Loading thumbnail…

Untitled

This interactive scatterplot displays the Iris dataset, with each point colored by species (setosa, versicolor, or virginica) and sized by petal length. The visualization cycles through four feature pairs on the x-axis every few seconds, while the y-axis remains fixed on sepal length. Built with React and D3 v4, it uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to render axes and SVG circles, with a legend and axis labels added dynamically.

GGogineni44
91% 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
91% match
Loading thumbnail…

Untitled

This interactive scatter plot displays the Iris flower dataset, allowing users to explore relationships between sepal and petal measurements. Two dropdown menus let viewers select which attribute appears on the x- and y-axes, updating the plot and axis labels accordingly. Data points are colored by species using a categorical scale. The visualization is built with React and D3 v5, using `d3.csv` to load data, `d3.scaleLinear` for axes, and SVG circles for marks. Axes and tick marks are drawn with custom React components.

HHsu0208
91% match
Loading thumbnail…

Untitled

This example shows the Iris dataset as a scatterplot, mapping petal length and sepal length to x and y coordinates while encoding the species of each flower with distinct SVG symbols. The code uses d3.csv to load the data, d3.scaleLinear for positioning, and d3.scaleOrdinal combined with d3.symbol to assign a unique shape to each species. d3.axisLeft and d3.axisBottom generate the axes. The visualization renders directly to SVG within a React project, with the page size set to the full viewport.

Ssubratanp
90% match