Skip to main content
SimilarExport ZIP
100%

Fork of Scatter Plot with Iris DataSet

✓ Published0🌍 Public
RRakshithaRao27
Last edited Mar 27, 2022
Created on Mar 27, 2022

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.

AI-generated description

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

See also React Starter.

MIT Licensed

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

Fork of Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, showing relationships between petal and sepal measurements for three flower species, each colored distinctly (red, blue, or green). The plot uses D3 v6 with `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map the data coordinates to SVG circles. It loads the dataset from a CSV URL and renders the visualization in an SVG element, including explicitly labeled axes for petal length and sepal length.

Bblikitha
95% match
Loading thumbnail…

Fork of Scatter Plot with Iris DataSet

This example visualizes the classic Iris dataset as a scatter plot, mapping petal length and width to circle positions while coloring points by species (setosa, versicolor, virginica) using hardcoded red, blue, and green markers. The SVG rendering relies on D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `selectAll().join()`. Data is loaded as CSV from a GitHub gist, with numeric parsing for all four flower measurements. The chart uses a full-window responsive layout, and the code also passes sepal dimensions as unused `rx` and `ry` attributes.

Nnikhitha693
95% match
Loading thumbnail…

Fork of Scatter Plot with Iris DataSet

This fork of a scatter plot visualizes the Iris dataset, mapping petal length and petal width as x and y coordinates while coloring each circle by species (setosa, versicolor, or virginica). Rendered as SVG with D3.js v6, it uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to build axes and scales. Although the code loads all four numeric attributes, the visible plot only uses petal dimensions, with sepal values unused in positioning. Circles are drawn via `selectAll` and `join`, with species-based color assignments defined in a helper function.

Nnikhitha693
95% 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
95% match
Loading thumbnail…

Fork of Data Visualization- Scatter Plot with Iris DataSet

This example visualizes the Iris dataset as a scatter plot, mapping petal length and petal width to x and y positions on a D3 v6 SVG. Points are colored by species—light blue for setosa, black for versicolor, and red for virginica—with fixed radius, while each circle also carries the sepal length and width as unused `rx` and `ry` attributes from the CSV data. The code uses `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` to load and render the plot, with axis labels indicating petal length and sepal length.

JJyothicherukuri
95% match
Loading thumbnail…

Fork of Data Visualization- Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, mapping petal length and width to the x and y axes while encoding sepal length and width as the horizontal and vertical radii of each circle. Points are colored by species (setosa, versicolor, virginica) using light blue, pink, and yellow. Built with D3 v6, it uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct axes, and loads data via `d3.csv` from a gist. The SVG rendering uses dynamic window dimensions and custom tick font sizing.

Vvarun-030
95% match