Fork of Scatter Plot with Iris Data krishna

100%

Fork of Scatter Plot with Iris Data krishna

✓ Published0🌍 Public

Last edited Mar 27, 2022

Created on Mar 27, 2022

Forked from Scatter Plot with Iris DataSet

This interactive scatter plot visualizes the Iris dataset, mapping petal length and width for individual data points, with each point colored by species (setosa in red, versicolor in blue, and virginica in green). It also encodes sepal dimensions in the horizontal and vertical radii of each circular mark, creating a bubble-like effect. Built with React and D3 v6, the code uses `d3.csv` for data loading, `scaleLinear` and `extent` for scaling, and `axisLeft`/`axisBottom` for axes, rendering everything as SVG circles on a full-window canvas. The data is fetched from a remote GitHub gist.

AI-generated description

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

Similar vizzes

Loading thumbnail…

Fork of Data Visualization- Scatter Plot with Iris DataSet

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) via a custom color function. The circles also encode sepal length and width as non-visual properties (rx and ry), though only a fixed radius is rendered. Built with D3 v6, the code loads CSV data using `d3.csv`, applies `scaleLinear` and `extent` for scaling, and renders axes via `axisLeft` and `axisBottom`. The SVG canvas fills the window, with a bottom margin accommodating custom axis labels for sepal length.

RRadhakrishna246

92% match

Loading thumbnail…

Fork of Data Visualization- Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x and y axes while encoding species with color (violet, orange, and green). The visualization also incorporates sepal measurements as the radius and an elliptical shape for each point. Built with D3 v6 and React, the code uses `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to load data and render SVG circles, with axis labels and a large tick font size for readability.

Sspandhanabadekol

92% match

Loading thumbnail…

Fork of Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, mapping petal length and width along the x and y axes while coloring each point by species (setosa, versicolor, virginica) in blue, red, and purple. The code loads data via `d3.csv`, uses `scaleLinear` and `extent` for scaling, and renders SVG circles with `selectAll().join()`. Axis labels are added with `axisLeft` and `axisBottom`, while the plot also encodes sepal measurements as `rx` and `ry` attributes, though these do not visually alter the circle shapes.

RRakshithaRao27

91% match

Loading thumbnail…

Fork of Data Visualization- Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, mapping petal length and petal width on the x- and y-axes, with points colored by species (setosa, versicolor, and virginica). It uses D3.js v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, scale scales, and render axes. The visualization is built with SVG circles in a React environment, with a fixed radius, and includes rotated axis labels for sepal length and petal length, styled with a custom font.

PPrathyusha0304

91% match

Loading thumbnail…

Fork of Data Visualization- Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, showing petal length against petal width with points colored by species (setosa in blue, versicolor in red, virginica in green). It also reads sepal length and width values into each circle’s attributes, though the visual radius remains fixed. Built with React and D3 v6, the code uses `csv` to load data, `scaleLinear` and `extent` for scales, and `axisLeft`/`axisBottom` for axes, rendering circles and axis labels as SVG elements sized to the full window.

Ssaivinay143

91% match

Loading thumbnail…

Fork of Scatter Plot for Iris DataSet

This scatter plot visualizes the Iris dataset, displaying petal length and width for three species of iris flowers, each marked by a distinct color. Built with React and D3 v6, the visualization uses `d3.csv` to load data and `d3.scaleLinear` with `d3.extent` to map values to SVG circle positions. The code creates axes with `d3.axisLeft` and `d3.axisBottom`, and applies non-standard `rx` and `ry` attributes to the circles, which are not used for scaling. Data is sourced from a GitHub gist.

Rrohinikotha

91% match

Loading thumbnail…

Fork of Fork of Fork of Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, plotting petal length against petal width, with points colored by species (setosa, versicolor, and virginica). The visualization encodes additional sepal dimensions as circle radii, using the `rx` and `ry` attributes. Built with React and D3 v3, it uses `d3.csv`, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` to render an SVG, with custom margins, axis labels, and a large canvas-sized layout.

Bblikitha

91% match

Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width to x/y positions while encoding sepal dimensions through circle radius and species via color. It uses D3 v6’s `csv` loader, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render an SVG chart. The code assigns fixed radii but also sets non-standard `rx` and `ry` attributes from sepal measurements, creating elliptical marks. The visualization updates dynamically to fill the browser window, with species colored blue, red, or black.

Mmandalasaikrishna007

91% match