Skip to main content
SimilarExport ZIP
100%

Activity 6 Tutorial 3.1

✓ Published0🌍 Public
Kkoushikkumarreddykoorapati@my.unt.edu
Last edited Apr 6, 2025
Created on Apr 6, 2025

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with each dot colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica). The SVG visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select`, with circles sized by a fixed radius but also encoding sepal dimensions via the `rx` and `ry` attributes. Data loads from a GitHub-hosted CSV file, and axes are labeled with rotated text.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6 Tutorial 3.1

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) using green, orange, and skyblue markers. The visualization also encodes sepal dimensions as the x and y radii of each circle. Built with d3.v6, the example uses `d3.csv` to load data from a GitHub gist, `d3.scaleLinear` for axes, and `d3.extent` to compute domains, rendering circles as SVG elements with axis labels and ticks.

Kkoushikkumarreddykoorapati@my.unt.edu
97% match
Loading thumbnail…

Activity6 Tutorial3

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, and virginica). It renders as an SVG using D3 v6, employing `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, map scales, and draw axes. The code also applies a custom marker function to assign species-specific colors to each circle. Data is sourced from a raw GitHub CSV file, with page-filling dimensions based on `window.innerWidth` and `window.innerHeight`.

Yyadlapallisaisathvik@gmail.com
96% match
Loading thumbnail…

Activity6_Tutorial3-1

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with each point colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica). The visualization uses d3.scaleLinear for axis scaling, d3.extent to compute data domains, and d3.axisLeft/d3.axisBottom for tick rendering. Circles are drawn as SVG elements with a fixed radius, while the code also calculates sepal dimensions for each point but does not apply them to the mark size. Data is loaded asynchronously from a CSV via d3.csv, and the chart resizes to the browser window.

Kkaringusathwika@gmail.com
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 each point colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica). The visualization uses D3 v6 with `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to load data from a GitHub-hosted CSV and render SVG circles. Axis labels for petal length and sepal length are added with lower-case text, using a green font.

Kkowshiksamudrala08@gmail.com
95% match
Loading thumbnail…

Activity 7 Tutorial

This scatter plot visualizes the Iris dataset, showing petal length against petal width. Each circle is colored by species: sky blue for setosa, light green for versicolor, and orange for virginica. The plot uses D3’s `csv`, `scaleLinear`, `extent`, and axis components, with SVG circles positioned via `cx` and `cy` attributes. Sepal length and width are parsed from the CSV but remain unused for positioning. Axis labels are added as rotated and standard text elements, with a green font style.

Nnikhilthoutu24@gmail.com
95% match
Loading thumbnail…

Activity6_Tutorial 3

This scatter plot visualizes the Iris dataset, mapping petal length and width for sepal length and width, with points colored by species (setosa, versicolor, and virginica) using skyblue, lightgreen, and orange. The visualization uses D3 v6 (d3.csv, d3.scaleLinear, d3.extent, d3.axisLeft, d3.axisBottom) to load the CSV from a GitHub repository, compute scales, and render SVG circles. Axis labels are added via SVG text elements, and the plot resizes to the full window dimensions.

Aaashrithas2000@gmail.com
95% match
Loading thumbnail…

Activity8tutorial 3

This 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—skyblue for setosa, lightgreen for versicolor, and orange for virginica—with circle radii fixed at five pixels. The visualization loads data from a remote CSV via `d3.csv`, parses numeric values, and uses `d3.scaleLinear` with `d3.extent` for scales. Axes are generated with `d3.axisLeft` and `d3.axisBottom`. The code also maps sepal dimensions to circle attributes, though these do not affect rendering. SVG elements are bound and updated with `selectAll(...).data(...).join(...)`.

BBindumadhavi
95% match
Loading thumbnail…

Activity 6 tutorial 3-1

This scatter plot visualizes the Iris dataset, mapping petal length and width for each flower sample. Points are colored by species (setosa, versicolor, and virginica) using skyblue, lightgreen, and orange markers. The visualization loads CSV data from a GitHub gist, parses it, and builds a D3 v6 SVG chart with `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, `d3.axisBottom`, and `d3.select` for DOM manipulation. Axis labels are added for petal dimensions, while the viewport uses `window.innerWidth` and `window.innerHeight` for sizing.

Kkaringusathwika@gmail.com
95% match