Skip to main content
SimilarExport ZIP
100%

Activity6_Task3

✓ Published0🌍 Public
Rrishithagovini99@gmail.com
Last edited Apr 6, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

This D3.js visualization displays the Iris dataset as a scatter plot, mapping sepal and petal dimensions for three iris species. The plot uses colored circles to represent each sample, with petal length and width for positioning while also encoding sepal measurements. The code loads the dataset via the `d3.csv` API, applies `d3.scaleLinear` for axis scaling, and renders with SVG. The chart includes axes, a title, and uses a color-coded legend for species.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task3.2

This is a D3.js scatter plot that displays the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with points colored and shaped by species. The visualization uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.symbolsFill` to map species to distinct shapes, and `d3.symbol` to render the marker paths. It also includes a custom shape legend built with `d3.symbol`, and axes are generated using `d3.axisLeft` and `d3.axisBottom`. The data is loaded asynchronously from a GitHub-hosted CSV file and parsed with `d3.csvParse`.

Rrishithagovini99@gmail.com
95% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis, with points colored by species (setosa, versicolor, and virginica). Built with d3.v6, the visualization uses `csv` to load data, `scaleLinear` for axis scaling, and `axisBottom`/`axisLeft` for tick marks. The SVG output renders circles with fixed radius, while the color mapping is handled by a switch statement in the `marker` function.

RRishithaGarnepudi@my.unt.edu
93% match
Loading thumbnail…

Activity6_Task3

This visualization displays the Iris dataset as a scatter plot, using 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). The code loads CSV data via `d3.csv`, maps values using `scaleLinear`, and renders the plot as an SVG with circles and axes. It also incorporates sepal length and width as custom `rx` and `ry` attributes on the circles. The chart uses D3 v6 with `axisLeft`, `axisBottom`, and `selectAll().data().join()` for data binding, sized to the full window.

Ssuchigeneralpur@gmail.com
93% match
Loading thumbnail…

Activity6_Task3_3.2

This example visualizes the Iris dataset, mapping sepal length and petal length on the x- and y-axes while distinguishing species by shape. Each data point is a d3 symbol, rendered using `symbolGenerator`, with a shape legend showing the species categories. The code builds the visualization with D3 v7, using `scaleLinear`, `scaleOrdinal`, `axisLeft`, and `axisBottom` from the `d3` module. Data is loaded as CSV from GitHub and parsed with `csvParse`. The scatter plot is drawn in an SVG canvas sized to the window, with axes and labels configured programmatically.

RRishithaGarnepudi@my.unt.edu
93% match
Loading thumbnail…

Activity6-task3

This visualization displays the Iris dataset using a scatter plot, mapping petal length and width on the x and y axes while coloring each point by species (setosa, versicolor, virginica). The code loads data via `d3.csv`, scales positions with `d3.scaleLinear`, and renders circles as SVG elements with `d3.axisLeft` and `d3.axisBottom` for axes. Additional attributes for sepal dimensions are stored but not visualized. The chart uses red-labeled axes with green text and a full-screen responsive SVG canvas.

Ssushanthkodipyaka@gmail.com
93% match
Loading thumbnail…

Activity6_Task 3.2

This D3.js visualization presents a scatter plot of the Iris dataset, mapping sepal length on the x-axis against petal length on the y-axis. The plot encodes the species of each iris flower using distinct symbols, which are displayed in a legend on the right. The code utilizes `d3.scaleLinear` for axes and `d3.scaleOrdinal` with `d3.symbolsFill` and `d3.symbol` for the shape mapping. Data is fetched from a remote CSV file and parsed with `d3.csvParse`, while `d3.axisLeft` and `d3.axisBottom` render the axes.

UUday Vandanapu
93% match
Loading thumbnail…

Activity6_Task3

This visualization displays the Iris dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis while coloring each point by species. Using D3 v6, it loads CSV data via `d3.csv`, applies `scaleLinear` for both axes, and renders circles with `d3.selectAll` and `.join`. Axis labels are added via `axisLeft` and `axisBottom`, with rotated text for the vertical label. Despite naming variables for sepal length and width, only petal dimensions are plotted, while species hues are hardcoded for setosa, versicolor, and virginica.

Aamarnadhkari98@gmail.com
93% match
Loading thumbnail…

Activity6_Task3

This visualization shows a scatter plot of the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with each species (setosa, versicolor, virginica) colored using custom markers—skyblue, lightgreen, and orange respectively. The plot also encodes sepal dimensions by setting each circle’s rx and ry attributes to the sepal length and width values, creating elliptical shapes. The code uses d3.csv to load data, d3.scaleLinear with extent for scales, and d3.axisLeft and d3.axisBottom for labeled axes. SVG circles are joined to the data, with axis labels added as text elements.

Kkrishnavisheshkatta@my.unt.edu
93% match