Skip to main content
SimilarExport ZIP
100%

Activity6_Task 3.1

✓ Published0🌍 Public
PPreethamreddyannavaram@my.unt.edu
Last edited Apr 5, 2025
Created on Apr 4, 2025
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis for three iris species. Each circle represents a single flower, with distinct colors assigned to setosa, versicolor, and virginica species. The visualization uses d3.scaleLinear for axis scaling and d3.extent for domain calculation, with the SVG canvas sized to the browser window. Data is loaded from a remote CSV file using d3.csv, and the axes are rendered using d3.axisBottom and d3.axisLeft. The Iris dataset comes from a gist hosted by the author.

AI-generated description

It shows the iris data on the scatter plot

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, displaying petal length against petal width for individual flowers. The visualization, built with D3 v6 and rendered as an SVG, uses colored circles to distinguish between the three Iris species: setosa, versicolor, and virginica. The code loads data from a CSV file and applies the `d3.scaleLinear` API for both the x and y axes, with `d3.axisLeft` and `d3.axisBottom` for the chart’s labeled axes.

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

Activity6_Task3_3.1

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis. Each circle represents a data point, colored by species (setosa in skyblue, versicolor in lightgreen, and virginica in orange), with circle dimensions reflecting sepal length and width via their rx and ry attributes. The visualization uses d3.csv to load data from a GitHub repository, d3.scaleLinear for axis scaling, and d3.axisLeft and d3.axisBottom for axes. Rendering is done as an SVG with d3.v6, applying margins and custom font styles for axis labels.

PPothuguntla Pranitha
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…

Activity6_task3

This scatter plot visualizes the Iris dataset, mapping petal length and width as the primary axes while encoding sepal dimensions through each circle’s horizontal and vertical radii. Three species—setosa, versicolor, and virginica—are distinguished by colored circles (skyblue, lightgreen, and orange). The visualization loads CSV data via `d3.csv` from a GitHub raw URL, parses numeric fields, and renders SVG circles using `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom`. It demonstrates D3 v6 module imports, dynamic window sizing, and direct SVG manipulation with `selection.join`.

PPreethi Medepalli-91
95% match
Loading thumbnail…

Activity6_Task3

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 (setosa, versicolor, virginica) using d3.scaleLinear. The SVG rendering uses d3.select, data joins with .join(), and axis components via d3.axisLeft and d3.axisBottom. Data loads asynchronously from a CSV file using d3.csv with custom row parsing, while axes are labeled with text elements.

Aanish6005@gmail.com
95% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length and width on the axes while coloring each point by species (setosa, versicolor, or virginica). It uses D3 v6 with scaleLinear for scales, extent for domains, and axisLeft/axisBottom for ticks. The SVG is sized to the full window, and circles are joined via selectAll and data. The plot also misapplies rx/ry attributes to circles, which have no visual effect. Data loads from a GitHub-hosted CSV via d3.csv.

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