Activity -6 Task 3

100%

Activity -6 Task 3

✓ Published0🌍 Public

Last edited Apr 2, 2024

Created on Apr 1, 2024

This example displays the classic Iris dataset using a scatter plot to visualize the relationship between petal length and petal width, with each of the three species color-coded (skyblue, lightgreen, orange). The visualization loads CSV data directly from a GitHub repository using d3.csv, maps the data to screen coordinates with d3.scaleLinear, and renders circular markers as SVG elements. Axis labels are added for both dimensions, and the layout adapts to the full browser window size. The code relies on D3 version 6.7.0 for data parsing, scales, and SVG generation.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task3

This example shows the classic Iris dataset as a scatter plot, displaying petal length on the x-axis, petal width on the y-axis, and using color-coded circles to distinguish the three species. The plot is rendered as an SVG using D3 v6, with the data loaded from a GitHub-hosted CSV file. The code uses `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to build the visualization. Circle radii are fixed, while circle attributes for width and height are set from the dataset. Axis labels are manually placed with text elements, and species-specific colors are assigned via a switch statement.

Nnsairitwikreddy@gmail.com

94% match

Loading thumbnail…

Activity-6 task-3

This example displays a scatter plot of the Iris dataset, positioning points by petal length on the x-axis and petal width on the y-axis. Circles are colored by species (skyblue for Setosa, lightgreen for Versicolor, orange for Virginica), with a legend below. The visualization uses d3.csv to load the data, d3.scaleLinear with d3.extent for scales, and d3.axisLeft and d3.axisBottom for axes. Rendering occurs through SVG elements appended to the body, with the plot sized to the full browser window.

Bbhargavireddy4016@gmail.com

93% match

Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width for three flower species, which are colored skyblue, lightgreen, and orange. It loads CSV data via `d3.csv`, scales positions with `d3.scaleLinear`, and renders circles as SVG elements. The visualization includes axes generated by `d3.axisLeft` and `d3.axisBottom`, with labels for the plotted dimensions, using D3 v6.

SSreeKohaliPatel@my.unt.edu

93% match

Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width for three iris species, with each species represented by a distinct color. The code uses D3 v6 to load CSV data from a GitHub repository, parse the numeric columns, and render an SVG scatter plot. It employs D3's `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map data values to pixel coordinates and draw axes. The visualization also includes a title and axis labels, with circles colored skyblue, lightgreen, or orange based on species.

SSai Praveen Lokavarapu

93% match

Loading thumbnail…

Activity 6 Task-3.1

This example displays a scatter plot of the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with points colored by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. The visualization is rendered as an SVG via D3 v6, loaded from UNPKG, using `d3.csv` to fetch the data, `d3.scaleLinear` for axes, and `d3.axisLeft` and `d3.axisBottom` for tick marks. The code also includes redundant `rx`/`ry` attributes on the circles, though the radius is fixed at 5 pixels.

Kkesava

93% match

Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the classic Iris dataset, mapping petal length and width for each sample point. The visualization encodes the three Iris species—setosa, versicolor, and virginica—using distinct colors (skyblue, lightgreen, and orange), with each circle’s radius fixed at 5 pixels. Built with D3 v6, it loads the dataset via `d3.csv`, scales both axes with `d3.scaleLinear`, and renders axes using `d3.axisLeft` and `d3.axisBottom`. The SVG output displays labeled axes for petal length and width, with data points positioned using the `selectAll` and `join` pattern.

Llingaladineshteja23@gmail.com

93% match

Loading thumbnail…

Activity 6 Task 3

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width, with each point colored by species (setosa, versicolor, or virginica). The plot uses D3 v6, loading CSV data via `d3.csv` and creating a linear scale with `d3.scaleLinear` for both axes. The SVG visualization includes circles with fixed radius, axes generated by `d3.axisLeft` and `d3.axisBottom`, and misuses `rx` and `ry` attributes for circles. The plot is rendered full-window with margins, and axis labels are added as SVG text elements.

HHarshita Vairagade

93% match

Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length and width for individual specimens while coloring each point by species. Rendered as an SVG using D3 v6, the visualization loads CSV data from a GitHub repository and employs `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct scales and axes. Circles are colored by species via a switch statement, with sepal dimensions encoded as redundant `rx` and `ry` attributes. The chart includes rotated axis labels for petal length and sepal length.

Mmudunurirahulvarma98@gmail.com

93% match