aCTIVITY6TUTORIAL 3.2

100%

aCTIVITY6TUTORIAL 3.2

✓ Published0🌍 Public

Last edited Mar 31, 2025

Created on Mar 31, 2025

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis. Each species is differentiated by a distinct SVG symbol shape: circles for setosa, crosses for versicolor, and diamonds for virginica, all rendered in steelblue. The visualization uses D3 v6 with `d3.csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `symbol` generators to create the shapes. Data is loaded from the uiuc-cse GitHub repository, and axis labels are styled with green twenty-pixel Times font.

AI-generated description

MIT Licensed

Similar vizzes

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

93% match

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 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.

Kkoushikkumarreddykoorapati@my.unt.edu

93% 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

93% match

Loading thumbnail…

ACTiVity6_task3.1

This scatter plot visualizes the Iris dataset, displaying petal length against petal width while coloring each point by species (setosa, versicolor, or virginica). The visualization uses D3.js v6 with SVG rendering, employing `scaleLinear` for both axes and `axisLeft`/`axisBottom` for tick marks. Circle elements are positioned using the `x` and `y` scales, with species-based fill colors. The data loads from a remote CSV file via `d3.csv`, and the chart fills the entire browser window with custom margins and rotated axis labels.

Kkbhavithareddy06@gmail.com

93% match

Loading thumbnail…

Activity6_Tutorial3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes while coloring each point by species (setosa, versicolor, virginica). The visualization uses D3 v6 and SVG rendering, loading data from a remote CSV via `d3.csv` and scaling coordinates with `d3.scaleLinear`. Circles are drawn with `selectAll` and `join`, with axes generated by `d3.axisLeft` and `d3.axisBottom`, accompanied by rotated axis labels.

Ddandudivya98@gmail.com

93% match

Loading thumbnail…

activity6_tutorial

This scatter plot visualizes the Iris dataset, mapping petal length and width on the axes while coloring points by species (setosa, versicolor, and virginica) with distinct fill colors. The visualization uses D3 v6’s `csv` loader to fetch data from a GitHub gist, `scaleLinear` for axis scaling, and `axisLeft`/`axisBottom` for labeled axes. Circles are rendered via SVG with a fixed radius, and additional attributes like sepal dimensions are bound to each mark but not visually encoded.

Vvidiyalasahithi1999@gmail.com

92% match

Loading thumbnail…

Activtiy-6--tutorial-3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width for each sample. Points are colored by species: skyblue for setosa, lightgreen for versicolor, and orange for virginica. The visualization uses D3 v6, loading data from a remote CSV and rendering circles to an SVG canvas. It employs D3's `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` functions to create the axes, while the data is parsed on load to extract numeric values for the plot.

Sswapnadabburi@my.unt.edu

92% match

Loading thumbnail…

activity6_tutorial3.1

This scatter plot visualizes the Iris dataset, mapping petal length and petal width for individual flowers while coloring each point by species (setosa, versicolor, and virginica). The visualization uses D3 v6 to load the CSV data from a GitHub repository and render the scatter plot as an SVG, with linear scales for both axes and axis labels for petal length and sepal length. The code constructs circles with D3 joins, assigning distinct colors based on species categories, and includes left and bottom axes using D3's axis functions.

Sshreshikaveerannagari@gmail.com

92% match