Activity 7 Scatter Plot Tutorial 3.1

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, comparing petal length and width for three species: setosa, versicolor, and virginica. Each circle is colored according to species—blue, green, or purple—using a simple switch function. Built with D3 v6, the visualization loads CSV data from a GitHub gist and uses `scaleLinear`, `axisLeft`, and `axisBottom` to render axes in SVG. The plot demonstrates D3’s data-joining with `join('circle')`, mapping attributes like `cx`, `cy`, and `fill` directly from parsed data fields.

Rrikhitakoganti12

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, or virginica) using distinct fills. The SVG chart is built with D3 v6, loading data via the `csv` function from a remote GitHub URL, and using `scaleLinear` for axes, `extent` for domains, and `axisLeft`/`axisBottom` to render ticks. It also applies custom margins, a title, and axis labels with rotation to present the relationships between the flower measurements.

BBhavyaMammai

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, showing petal length and petal width on the x- and y-axes, with points colored by species (setosa, versicolor, and virginica). The visualization uses D3 v6 to load CSV data from a GitHub gist, scales the axes with `scaleLinear`, and renders circular marks via SVG. It also maps sepal length and width to each circle’s horizontal and vertical radius, creating an additional layer of variation. Axis labels and tick text are styled through D3’s `axisBottom` and `axisLeft` APIs.

Mmandadi1999

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width. Data points are colored by species, with grey for setosa, skyblue for versicolor, and red for virginica. The visualization uses D3 v6, loading data from a remote CSV file via the `csv` function and rendering circles as SVG marks. It employs `scaleLinear` for axes, `axisLeft` and `axisBottom` for ticks, and custom styling for text elements.

AArun Pratap

Activity 7 Scatter Plot - 3

This scatter plot visualizes the Iris dataset, showing petal length against petal width, with each point colored by species (setosa, versicolor, or virginica) using a simple switch-based color mapping. The visualization loads data from a remote CSV file via `d3.csv`, scales the axes with `d3.scaleLinear`, and renders circles as SVG elements using `d3.select` and data joins. Axis labels are added with rotating text, and the layout adapts to the window size using `window.innerWidth` and `innerHeight`.

VVinay Vemuri

Activity 7 Scatter Plot

A D3.js scatter plot visualizes the Iris dataset, mapping petal length and petal width to the x- and y-axes, with each point colored by species (setosa, versicolor, virginica). The plot uses SVG rendering and the `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` functions to load the data, set scales, and draw axes. The title is styled in red, and axis labels are set in green using SVG `text` elements.

Vvineelaramulapalli32

Jjaideeptripurani12@gmail.com

Activity 7 scatter plot

This scatter plot visualizes the Iris dataset, comparing petal length against petal width, with each species (setosa, versicolor, virginica) assigned a distinct color. It loads data from a CSV file via `d3.csv`, then uses `d3.scaleLinear` with `d3.extent` to map the dimensions to SVG coordinates. The code draws circles with `d3.select` and `join`, and adds axes using `d3.axisLeft` and `d3.axisBottom`, all rendered as SVG within a full-window canvas.

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, comparing petal length on the x-axis against petal width on the y-axis. Each circle is colored by species—setosa in skyblue, versicolor in lightgreen, and virginica in orange—with the selected sepal measurements also encoded as circle radii. The visualization uses D3 v6 with SVG rendering, loading remote CSV data via `d3.csv`, scaling axes with `d3.scaleLinear`, and drawing circles via `d3.selectAll` and `.join`. Axis labels are added using SVG text elements.

Lleftymadi