Skip to main content
SimilarExport ZIP
100%

Activity6_task3

✓ Published1🌍 Public
MMili Patel
Last edited Mar 29, 2025
Created on Mar 29, 2025
Forked from HTML Starter

This scatter plot visualizes the classic Iris dataset, showing sepal length and width measurements for three Iris species, each distinguished by color. The visualization uses D3.js v7 with SVG rendering, employing `d3.scaleLinear` for the x and y axes, `d3.scaleOrdinal` for color mapping, and `d3.csv` for data loading. Interactive tooltips appear on mouseover, displaying the species name and measurement values for each data point.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_task3.1

This interactive scatter plot visualizes the iris dataset, mapping sepal length to the x-axis and petal length to the y-axis. Each of the three iris species is represented by a distinct symbol: circles for setosa, triangles for versicolor, and diamonds for virginica. The visualization uses D3.js version 7, employing `d3.scaleLinear` for axes, `d3.scaleOrdinal` for shape mapping, and `d3.symbol` for rendering the custom markers. A legend is drawn on the right to identify each species, and axis labels are included to clarify the measured variables.

MMili Patel
92% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping sepal length and width on the axes while coloring each point by species. The visualization uses D3 v6 APIs including `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`. Each flower is rendered as an SVG circle with a fixed radius, positioned according to petal length and width, while sepal dimensions and species determine the circle’s fill color. Data is loaded from a remote CSV file on GitHub, and the SVG canvas fills the browser window.

Hharsha13638@gmail.com
91% match
Loading thumbnail…

activity6_tutorial3.2

This interactive scatter plot visualizes the classic Iris dataset, comparing sepal length against petal length across three iris species. Each flower is represented as a distinct symbol shape (circle, triangle, and square) using D3’s `symbol` generator, with a custom legend showing the species mapping. The chart is built with reusable D3 modules for axes, scatter plot rendering, and a shape legend, leveraging `scaleLinear`, `scaleOrdinal`, and `extent`. Data is loaded asynchronously from a CSV file and parsed with `csvParse`. The visualization responds dynamically to the browser window size.

MMili Patel
90% match
Loading thumbnail…

Activity 6 Task 3

This scatter plot visualizes the Iris dataset, mapping sepal length and width to the x- and y-axes. Each flower species is represented by a distinct color: setosa in sky blue, versicolor in light green, and virginica in orange. The code loads CSV data via `d3.csv` and uses `d3.scaleLinear`, `d3.extent`, `d3.axisBottom`, and `d3.axisLeft` from D3 v6. It renders the plot as an SVG, with circles colored by species through a switch statement.

Mmounikakatipally995@gmail.com
90% match
Loading thumbnail…

Activity 6 Task 3

This scatter plot visualizes the Iris dataset, showing the relationship between sepal length and sepal width. Each data point is represented as a colored circle, with colors distinguishing the three iris species: setosa in skyblue, versicolor in lightgreen, and virginica in orange. The visualization uses D3.js (v3) APIs including `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisBottom`, and `d3.axisLeft` to load data from a GitHub-hosted CSV file, map values to pixel coordinates, and render axes with tick labels. The chart includes labeled axes for sepal length and width, with a red, centered title.

Mmounikakatipally995@gmail.com
90% match
Loading thumbnail…

Activity6_Task3.2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length, with each of the three species represented by a distinct symbol. The visualization uses D3 version 7 to render SVG elements, employing `scaleLinear` for axes and `scaleOrdinal` with `symbolsFill` to map species to different point shapes. Data is loaded asynchronously through a CSV file fetch, then parsed with `csvParse` before being displayed with custom axis and shape legend components.

GGunna,Praneeth Reddy
90% match
Loading thumbnail…

Activity6 Task3.2

This interactive scatter plot visualizes the Iris flower dataset, mapping sepal length against petal length and encoding species with distinct symbols from a shape legend. Built with D3 v7, it loads data from a remote CSV and uses modular components including `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbol`, and custom axes and legend functions. The visualization dynamically updates to fill the viewport and recreates the plot from fetched data.

Ppslharika@gmail.com
90% match
Loading thumbnail…

Activity-6(Task3)

This interactive scatter plot visualizes the Iris dataset, displaying sepal length against petal length while distinguishing the three species of iris flowers through different symbol shapes. The visualization uses D3 v7 with scales and axes from the d3-scale and d3-axis modules, and encodes species using d3.scaleOrdinal with symbolsFill and symbol generators. Data is loaded from a remote CSV file, and the chart includes custom axis labels and a shape legend to identify species categories.

Vvandanakosuri@my.unt.edu
90% match