Skip to main content
SimilarExport ZIP
100%

activity_6 task3

✓ Published0🌍 Public
Hhui249378@gmail.com
Last edited Apr 6, 2025
Created on Apr 5, 2025

This interactive scatter plot visualizes the Iris dataset, displaying petal length against petal width for individual flowers. Each circle’s fill color encodes the species (setosa, versicolor, or virginica), using sky blue, light green, and orange. The chart is rendered with SVG using d3.select, and the axes are created with d3.axisLeft and d3.axisBottom. Data is loaded asynchronously via d3.csv from an external gist URL, with scales defined by d3.scaleLinear and extents computed with d3.extent. The visualization includes rotated axis labels for clarity.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

activity_6(task 3)

A scatter plot visualizes the Iris dataset, showing petal length versus petal width with points colored by species (setosa, versicolor, virginica). The SVG rendering uses d3.scaleLinear for axes, d3.scaleOrdinal for color mapping, and d3.axisBottom/axisLeft to draw the scales. Data loads remotely via d3.csv, parsing numeric fields before rendering circles with d3.selectAll and enter/append patterns.

MMahimaChowdaryKasthala@my.unt.edu
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. Each point is colored by species—skyblue for setosa, lightgreen for versicolor, and orange for virginica—revealing distinct clusters. Using D3 v6, the code loads CSV data, applies linear scales via `scaleLinear`, and renders SVG circles with `selectAll` and `join`. The chart includes left and bottom axes from `axisLeft` and `axisBottom`, with rotated axis labels for petal dimensions.

Cchandrikachowdary867@gmail.com
95% match
Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width for each flower sample. Circles are colored by species—sky blue for setosa, light green for versicolor, and orange for virginica—revealing distinct clusters. The example loads data from a remote CSV file using the `d3.csv` function, then renders the chart as an SVG. It uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to create the scales and axes, with the `select` and `join` pattern to bind data to circle elements.

Ssindhuja27b@gmail.com
94% 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
94% 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…

activity6_task3

This interactive scatter plot visualizes the Iris dataset, mapping petal length and width on the axes while coloring each point by species (setosa, versicolor, or virginica) using D3's `csv` loader and `scaleLinear` scales. The SVG rendering uses `axisLeft` and `axisBottom` for labeled axes, with tick text styled at 20 pixels. Circle marks are colored skyblue, lightgreen, or orange, and the chart includes green axis labels for sepal length and petal length. The visualization reads data from an external CSV file hosted on GitHub.

Nnikhithaaitha22@gmail.com
94% match
Loading thumbnail…

activity6_task3

This scatter plot displays the Iris dataset, mapping petal length and width on the x and y axes while coloring each point by species (setosa, versicolor, virginica) using custom colors. The visualization uses D3 v6 with SVG rendering, employing `d3.scaleLinear` with `d3.extent` for scales and `d3.axisLeft` and `d3.axisBottom` for labeled axes. Data loads asynchronously from a GitHub-hosted CSV via `d3.csv`, and circles are joined to the SVG using `selectAll` and `data`. The chart fills the viewport with margins and includes rotated axis labels.

Bbhavyamoturi2509@gmail.com
94% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, encoding petal length and petal width for individual flowers while coloring each point by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. The visualization is built with D3 v6, loading CSV data via `d3.csv`, mapping values with `scaleLinear`, and rendering SVG circles. Axis labels are styled with green text, and the plot fills the entire browser window by using `window.innerWidth` and `window.innerHeight`. The chart displays four measurements per flower but plots only two dimensions at a time.

SSowjanya Devupalli
94% match