Skip to main content
SimilarExport ZIP
100%

Activity 6_Task 3.1

✓ Published0🌍 Public
SSrihith Reddy Gaddam
Last edited Apr 27, 2025
Created on Apr 27, 2025
Forked from Activity 6 Task 3

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.

AI-generated description
MIT Licensed

Similar vizzes

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
97% match
Loading thumbnail…

Activity 6_Task 3

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and width for three species of iris flowers. The visualization uses D3.js v6 to load data from a GitHub-hosted CSV file and render circles as SVG elements. Circles are color-coded by species (setosa in sky blue, versicolor in light green, and virginica in orange), with axis labels displaying the measured attributes. The chart employs D3’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` functions to map data values to screen coordinates and generate axes.

MMannava Priyanka Chowdary
95% match
Loading thumbnail…

Activity_6 Task 3

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width for three iris species (setosa, versicolor, and virginica), with each species represented by a distinct color. The visualization uses D3.js v6 to load the data from a GitHub-hosted CSV, scale linearly based on data extents, and render circles in SVG. It displays axes with tick labels and axis titles, and positions the marks according to the petal dimensions, highlighting species-based color encoding.

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

Activity 6_Task 3

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. The D3 v6 code loads CSV data from a GitHub gist, then uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to map values to screen coordinates and render axes. Circles are drawn via SVG joins with species-based colors, while axis labels are added as text elements.

NNagalakshmi Thota
95% match
Loading thumbnail…

Activity 6 Task 3

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.

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

Activity6_Task3

This interactive scatter plot visualizes the Iris dataset, showing petal length against petal width while color-coding points by species (setosa, versicolor, and virginica). The visualization uses D3 v6’s `scaleLinear`, `axisLeft`, and `axisBottom` functions to render axes, with data loaded via `d3.csv` from a GitHub-hosted CSV file. Each circle’s position corresponds to petal dimensions, while its fill color maps to species through a custom marker function. The SVG output also includes rotated axis labels and a red-styled title, with data parsed from the CSV’s numeric columns.

Gguttavenkata745@gmail.com
95% 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
95% match