Skip to main content
SimilarExport ZIP
100%

Activity 6 Task 3

✓ Published1🌍 Public
SSuneelKalva@my.unt.edu
Last edited Apr 6, 2025
Created on Apr 6, 2025
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, displaying petal length against petal width for three flower species. Each circle is color-coded by species using a d3.scaleOrdinal, with axis labels indicating measurements in centimeters. The visualization leverages d3.csv for data loading, d3.axisBottom and d3.axisLeft for axes, and interactive mouseover events that enlarge points and reveal a tooltip with species details. A legend identifies the color mapping for Iris-setosa, Iris-versicolor, and Iris-virginica.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6_Task 3.1

This interactive scatter plot visualizes the Iris flower dataset, showing the relationship between petal length and petal width across three Iris species. The visualization uses D3.js (v7) to render SVG circles colored by species, with axes labeled in centimeters and a legend identifying each species. Hovering over a data point enlarges the circle and displays a tooltip with the exact measurements and species name. The code loads CSV data from a GitHub gist and uses d3.scaleLinear for positioning, d3.scaleOrdinal for color mapping, and d3.axisBottom/d3.axisLeft for the coordinate axes.

SSrihith Reddy Gaddam
95% 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. Colored circles represent each species, with skyblue for setosa, lightgreen for versicolor, and orange for virginica. The visualization loads data from a CSV file using d3.csv and renders SVG circles with d3.scaleLinear for axes positioning. Axis labels rotate with SVG transforms, and species-specific colors are assigned through a JavaScript switch statement. The plot uses d3.axisLeft and d3.axisBottom for the coordinate system.

Cchinnivikramnunna@gmail.com
94% match
Loading thumbnail…

Activitity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, or virginica). The visualization uses d3.csv to load data, d3.scaleLinear for both axes, and d3.axisLeft and d3.axisBottom to render ticks. Circles are drawn via SVG selection joins with the fill color determined by a species-based marker function. The chart includes labeled axes for petal length and sepal width, rendered in green text within a full-window SVG.

GGunna,Praneeth Reddy
94% match
Loading thumbnail…

Activity 6 Task 3

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis. Each point is colored by species, using skyblue for setosa, lightgreen for versicolor, and orange for virginica. The visualization uses D3's `scaleLinear` for axes and `axisBottom` and `axisLeft` for ticks. Data is loaded from a CSV file via `d3.csv`, and circles are rendered as SVG marks using D3's `select` and `join` operations.

HHarshita Vairagade
94% match
Loading thumbnail…

Activity - 6_Task-3.1

This interactive scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width for three iris species. The visualization uses D3.js v7 to load CSV data from a GitHub source, then maps the measurements to SVG circles, with each species assigned a distinct color. Hovering over a point enlarges it and displays a tooltip with the exact measurements and species name. The chart includes labeled axes and a color-coded legend, all rendered as scalable vector graphics with an animated transition effect for the tooltip opacity.

Mmalisettisaisumanth@gmail.com
94% 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
94% match
Loading thumbnail…

Activity6_Task 3.1

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) using a custom marker function. The visualization, rendered as an SVG using D3 v6, loads data from a remote CSV file via `d3.csv`, scales axes with `scaleLinear` and `extent`, and draws circles with attributes mapped from sepal measurements. Axis labels are added via `axisLeft` and `axisBottom`, and text elements are rotated to label the y-axis.

Ssaisnehapalle@my.unt.edu
94% match
Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis, with circles colored by species (setosa, versicolor, virginica) in skyblue, lightgreen, and orange. It uses d3.csv for data loading, d3.scaleLinear for positioning, and d3.axisLeft/axisBottom for axes. The SVG rendering uses d3.select and .join to create circles, with a rotation transform for the y-axis label.

Ssasidhharreddy@gmail.com
94% match