Skip to main content
SimilarExport ZIP
100%

Fork of Data Visualization- Scatter Plot with Iris DataSet

✓ Published0🌍 Public
RRamakanth771
Last edited Mar 7, 2022
Created on Mar 7, 2022

This interactive scatter plot visualizes the Iris dataset, mapping petal length and width on the x and y axes, with each point colored by species (setosa, versicolor, or virginica). The visualization is built with React and D3 v6, using `d3.csv` to load data, `scaleLinear` for axis scaling, and `axisLeft`/`axisBottom` for rendering the chart axes. Points are drawn as SVG circles with a fixed radius, while the axis labels are added as text elements. The plot does not use any interactivity beyond the rendering itself.

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 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 coloring each point by species (setosa, versicolor, or virginica). The visualization uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to define scales and axes, rendering circles as SVG marks. Data is loaded asynchronously from a CSV file via `d3.csv`, and the chart fills the browser window, with tick labels styled at 24 pixels for readability.

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

Fork of Fork of Data Visualization- Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, mapping petal length and width for each sample. Points are colored by species (setosa, versicolor, and virginica) using a switch statement. The visualization is built with D3 v6 and rendered as SVG in a React framework. It uses D3's `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` functions to load data, scale axes, and draw the plot. Axis labels and tick marks are customized with CSS styling in the HTML page.

RRohith arabati
95% 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
94% 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
94% 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
94% 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
94% match
Loading thumbnail…

Fork of Data Visualization- Scatter Plot with Iris DataSet

This visualization shows a scatter plot of the Iris dataset, mapping petal length and width for each flower sample, with points colored by species (setosa, versicolor, or virginica). The code loads the data via D3’s `csv` from a GitHub gist, parses numeric fields, and uses `scaleLinear` with `extent` to set x–y domains. It renders SVG circles via `selectAll` and `join`, and appends an axis on the left and bottom using `axisLeft` and `axisBottom`. The chart also includes rotated axis labels.

Ppravalliyaram
93% match