Skip to main content
SimilarExport ZIP
100%

activity6task3

✓ Published1🌍 Public
Ssudheervnarasimha1@gmail.com
Last edited Oct 24, 2024
Created on Oct 24, 2024

This example visualizes the Iris dataset with a scatter plot mapping petal length and width on the axes, coloring each point by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. It loads data from a remote CSV via D3 v6’s `csv` function, parses numeric fields, and renders SVG circles with `scaleLinear` scales for x and y positions. Axes are drawn using `axisLeft` and `axisBottom`, with rotated and positioned text labels for petal length and sepal length, all within a full-window SVG canvas.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

activity_6_task3

This example presents a scatter plot of the Iris dataset, visualizing the relationship between petal length on the x-axis and petal width on the y-axis, with circles colored by species (setosa, versicolor, and virginica) using skyblue, lightgreen, and orange. The chart also encodes sepal length and width as circle radii properties on the SVG elements. It loads CSV data from a GitHub repository, parses numeric fields, and uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` to render axes and circles in an SVG canvas sized to the browser window.

HHarinathChakali33@gmail.com
95% match
Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset, mapping petal length and petal width on the x- and y-axes while coloring each point by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. It also encodes sepal length and width as additional properties per circle. Built with D3 v6, the code uses `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and SVG circle elements. Data is loaded from a remote GitHub CSV, with axes and labels rendered into a full-window SVG.

Nnikhilthoutu24@gmail.com
95% match
Loading thumbnail…

Activity 6 task 3.1

This example visualizes the Iris dataset as a scatter plot, mapping petal length and width to the x and y axes while coloring points by species (setosa, versicolor, and virginica) using skyblue, lightgreen, and orange. It also encodes sepal length and width as the horizontal and vertical radii of each circle, creating an elliptical shape. The code loads CSV data from a GitHub repository with `d3.csv`, scales the domains using `d3.scaleLinear` and `d3.extent`, and renders SVG circles with `d3.selectAll` and `.join`. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, and labels are appended as SVG text elements.

Rrohitpotluri@my.unt.edu
95% match
Loading thumbnail…

activity6_task3.1

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with points colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica). It uses D3 v6 to load CSV data via `d3.csv`, scales with `d3.scaleLinear`, and renders SVG circles. Axes are drawn with `d3.axisLeft` and `d3.axisBottom`. The code also maps sepal measurements to circle radii but does not apply them visually, as points use a fixed radius of 5 pixels.

Ssravani1969@gmail.com
95% match
Loading thumbnail…

activity6_task3

This example displays a scatter plot of the Iris dataset, using petal length and sepal length as the x and y axes while encoding species identity through circle color. The visualization is rendered as an SVG using D3 v6, leveraging the `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` APIs from the library. Data is loaded from a remote CSV file, and axis labels are added as static text elements. The circles’ `rx` and `ry` attributes are set to the sepal width and petal width values, though the radius is fixed at 5 pixels.

Ssanjanaadapa7@gmail.com
95% match
Loading thumbnail…

Activity6- Task3

This example visualizes the Iris dataset with a scatter plot comparing petal length on the x-axis against petal width on the y-axis, coloring each point by species (setosa, versicolor, virginica) via a switch function. The chart also encodes sepal length and width as the rx and ry attributes of each circle, creating elliptical markers. It loads CSV data using d3.csv, applies linear scales with d3.scaleLinear, and renders axes with d3.axisLeft and d3.axisBottom. The SVG output also includes rotated axis labels for clarity.

Ppslharika@gmail.com
94% match
Loading thumbnail…

Activity 6_task 3

This example displays the Iris dataset as a scatter plot in an SVG rendered with D3.js. It plots petal length on the x-axis and petal width on the y-axis, while encoding species types—setosa, versicolor, and virginica—through distinct fill colors (skyblue, lightgreen, and orange). The code uses `d3.csv` to load the remote dataset, `d3.scaleLinear` for both axes, and `d3.axisBottom` and `d3.axisLeft` for the tick marks. Circle positions are computed via `scaleLinear` ranges derived from the data extent, and the circles are appended dynamically using `.join('circle')`. No interactive behavior is shown.

HHarshita Vairagade
94% match
Loading thumbnail…

Activity6_Task3

This example visualizes the Iris dataset as a scatter plot, mapping petal length and width as its x and y axes while coloring each point by species (setosa, versicolor, virginica). The code loads CSV data from a GitHub gist, parses numeric columns, and uses D3 v6 scales and axes (`scaleLinear`, `extent`, `axisLeft`, `axisBottom`) to position circles in an SVG rendered to the full window. Each circle’s radius is fixed, but its fill color distinguishes species. The visualization includes rotated axis labels for petal length and sepal length, with layout margins and custom tick styling.

SShasankreddyganta@my.unt.edu
94% match