Fork of scator plot

100%

Fork of scator plot

✓ Published0🌍 Public

Last edited Mar 22, 2023

Created on Mar 22, 2023

A scatter plot of the Iris dataset visualizes sepal length on the x-axis and sepal width on the y-axis, with each point colored by species (green for setosa, violet for versicolor, red for virginica). The visualization uses D3 v6 API calls `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data from a GitHub gist and render SVG circles with fixed radius. Petal length and width values are stored on each point but not drawn, while the chart includes rotated axis labels for sepal and petal dimensions.

AI-generated description

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

Similar vizzes

Loading thumbnail…

Fork of Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, mapping petal length and width on the axes while coloring each point by species (setosa, versicolor, or virginica). It also attaches sepal length and width values as redundant radius properties on the SVG circles, though these do not affect the visual size. The code loads CSV data using `d3.csv`, applies `d3.scaleLinear` and `d3.extent` for scales, and renders axes with `d3.axisLeft` and `d3.axisBottom` in an SVG element within a React-less HTML page.

Rrohinikotha

92% match

Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This visualization displays the Iris dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis, with points colored by species (setosa, versicolor, and virginica). The code loads CSV data using D3’s `d3.csv`, scales the axes with `d3.scaleLinear`, and renders circles as SVG elements. Axes are generated via `d3.axisLeft` and `d3.axisBottom`, and the plot fills the browser window using `window.innerWidth` and `window.innerHeight`. The data is sourced from a GitHub gist containing iris measurements.

Ssaiteja0725

92% match

Loading thumbnail…

Fork of Fork of Scatterplot with Iris Data

This scatterplot visualizes the Iris dataset, plotting petal length against sepal width for individual flowers. The visualization renders as an SVG using React components, with D3 v7 handling the data loading via `d3.csv` and the linear scales for the axes. Each data point is a circle generated through React components, with tooltips displaying the x-axis value in a compact format. The chart includes labeled axes for petal length and sepal width, and uses `scaleLinear` with `extent` and `max` to compute the scale domains.

AArefa Patwary

92% match

Loading thumbnail…

Fork of 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 (skyblue for setosa, lightgreen for versicolor, orange for virginica). Built with d3.csv, d3.scaleLinear, d3.axisLeft, and d3.axisBottom, the SVG rendering uses circles positioned via data joins. Although the code defines sepal dimensions as rx and ry attributes, it ultimately applies a fixed radius of 5 pixels, so sepal values do not affect the visual output.

Pperamranji

92% match

Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width as x and y coordinates while coloring each point by species (setosa, versicolor, or virginica). It also stores sepal measurements as data attributes on each circle, though these are not used for positioning. The implementation uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, scale axes, and render an SVG with circles. Data is fetched from a GitHub Gist, and the viewport fills the browser window.

SSnapika

92% match

Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width on the x- and y-axes, with each point colored by species (green, blue, or red). Built with D3 v6 and SVG, it uses `d3.csv`, `scaleLinear`, `axisBottom`, and `axisLeft` to render the axes. The code also reads sepal measurements but does not use them visually. Data is loaded from a GitHub-hosted CSV file, and the chart fills the browser window with fixed margins and 24-pixel tick labels.

Llikith1266

92% match

Loading thumbnail…

scator plot

This scatter plot visualizes the Iris dataset, mapping sepal length and width for each specimen while coloring points by species using green, violet, and red. It loads CSV data via `d3.csv`, applies `scaleLinear` and `extent` to set axes, and renders circles with `d3.selectAll` and `join`. The SVG includes labeled axes via `axisLeft` and `axisBottom`, with custom text elements, all within a full-window React-agnostic D3 v6 setup.

VVineela Reddy

92% 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

92% match