Skip to main content
SimilarExport ZIP
100%

Activity6

✓ Published0🌍 Public
Aanushapodapati99@gmail.com
Last edited Apr 17, 2024
Created on Apr 17, 2024

This interactive scatter plot visualizes the Iris dataset, plotting petal length and width as the primary axes while encoding each flower’s species with distinct colors (skyblue, lightgreen, and orange). The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `select` to load data from a GitHub-hosted CSV and render SVG circles. Axes are labeled for petal length and sepal length, with the latter appearing as an additional annotation. The chart adapts to the full browser window size, and hover-free static marks convey the separation of species clusters.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6

This interactive scatter plot visualizes the Iris dataset, plotting petal length and width as the primary axes while encoding each flower’s species with distinct colors (skyblue, lightgreen, and orange). The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `select` to load data from a GitHub-hosted CSV and render SVG circles. Axes are labeled for petal length and sepal length, with the latter appearing as an additional annotation. The chart adapts to the full browser window size, and hover-free static marks convey the separation of species clusters.

Aanushapodapati99@gmail.com
100% match
Loading thumbnail…

Activity6

This scatter plot displays the relationship between sepal length and petal length for iris flowers, with each point's shape encoding the flower species. The visualization is built using D3 v7, employing the `select` and `join` API for declarative SVG construction, along with `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` for mapping data to positions and shapes. The axes are rendered via a custom `axes` module using `axisLeft` and `axisBottom`, while a separate legend component maps species names to their corresponding symbols. Data is loaded asynchronously from a CSV file fetched from GitHub, parsed with `csvParse`, and then rendered into the SVG canvas.

Aanushapodapati99@gmail.com
94% 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 flower colored by species (setosa in skyblue, versicolor in lightgreen, virginica in orange). Using D3 v6, it loads the CSV data and maps sepal length to the x-axis and sepal width to the y-axis as well, though only the petal dimensions are plotted as circles. The code employs d3.csv for data loading, scaleLinear for scales, and axisLeft/axisBottom for axes, rendering SVG circles with radius 5.

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

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, using D3 v6 to map petal length and petal width for each sample. The visualization encodes the species of each flower through color, with setosa in skyblue, versicolor in lightgreen, and virginica in orange. Data is loaded from a remote CSV file using `d3.csv`, while `d3.scaleLinear`, `d3.extent`, `d3.axisBottom`, and `d3.axisLeft` handle the scales and axes. The SVG circles are rendered with the `join` method, and the chart includes labeled axes for petal length and sepal length.

Aaniteshterala2000
93% match
Loading thumbnail…

Activity6_Task3

This interactive scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width, with each species rendered as a distinct color: skyblue for setosa, lightgreen for versicolor, and orange for virginica. It displays the data as SVG circles whose x and y positions correspond to the petal measurements. Built with d3.v6, the visualization loads CSV data from a GitHub repository, uses scaleLinear for axis scaling, and leverages the axisLeft and axisBottom APIs to render labeled axes for petal length and sepal length. The chart occupies the full browser window.

SSeema Shrestha
93% 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
93% match
Loading thumbnail…

Activity6_Task3

This interactive scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis. Points are colored by species (setosa, versicolor, virginica) using the D3 v6 library with SVG rendering. The visualization loads CSV data from a GitHub repository using `d3.csv` and scales values with `scaleLinear`. Axes are generated using `axisLeft` and `axisBottom`, while the data values for sepal dimensions are encoded as custom attributes on the circles but are not visually represented on the plot.

Sskykarthik97@gmail.com
93% match
Loading thumbnail…

Activity6_Task3.1

This interactive scatter plot visualizes the Iris dataset, mapping petal length and width for individual flowers with colors denoting species (setosa, versicolor, virginica). Built with D3.js v6, it loads CSV data from a GitHub repository, then uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the axes and plot circles. Additional attributes store sepal measurements, though only petal dimensions are rendered. The SVG output is styled with green axis labels and a red title.

RRukmini Devi Y
93% match