Activity 7.1

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 petal length on the x-axis and petal width on the y-axis, with each of the three iris species colored differently (skyblue, lightgreen, and orange). It also encodes sepal length and width as the rx and ry attributes of each circle, though these do not affect the rendering since the radius is fixed. The visualization uses D3 v6’s `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, map values, and render axes. Data is loaded from a raw GitHub gist CSV file, and the SVG is sized to the full browser window.

Iindushashi.g@gmail.com

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width across three iris species, with each species represented by a distinct color. The visualization uses D3 v6 to load the CSV data, create linear scales with d3.scaleLinear, and render SVG circles. Axes are generated using d3.axisLeft and d3.axisBottom, with axis labels for both variables. The code also parses additional sepal measurements but uses them only as data attributes rather than for visual encoding.

HHarshiiiiiiiip

Activity 7.1

This interactive scatter plot visualizes the Iris dataset, cycling through different pairings of sepal and petal measurements on the x-axis while keeping petal width on the y-axis. It animates the transition between these variable combinations using a timed interval. The visualization is built with D3.js (version 6.7.0), using the `scaleLinear`, `axisLeft`, `axisBottom`, and `csv` utilities. Data is loaded from a GitHub gist, and the plot updates its axes and point positions dynamically. The SVG rendering includes a legend, axis labels, and a title, with colors distinguishing the three Iris species.

MMandadi Nishita

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width for three flower species (setosa, versicolor, and virginica), with each species distinguished by a distinct color. It also encodes sepal length and width as horizontal and vertical radii of the circular marks, adding extra dimensions to the display. The visualization loads data from a GitHub gist via `d3.csv`, uses `d3.scaleLinear` for axes, and renders SVG circles with `d3.axisLeft` and `d3.axisBottom`. The code imports D3 v6 from UNPKG and runs asynchronously to draw the chart.

Hharsha

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width, with each point colored by species. It uses D3 v6 to load CSV data via `d3.csv`, then renders circles as SVG elements using `scaleLinear` for axes. The code distinguishes three species with a color mapping function and displays labeled axes for petal and sepal measurements.

NNagateja99

Activity 7 Scatter Plot

This scatter plot displays the Iris dataset, mapping petal length and petal width on the axes while coloring each point by species (setosa, versicolor, or virginica). The visualization encodes sepal length and width as the `rx` and `ry` radius properties of each circle, effectively creating ellipse-like markers. Built with D3 v6, the code loads CSV data via `d3.csv`, uses `scaleLinear` and `extent` for scaling, and renders SVG circles with `selectAll` and `join`. Axis labels are added manually, and the plot fills the entire browser window.

NNukaShravanKumar

Activity 7 Scatter Plot

This scatter plot displays the Iris dataset, mapping petal length and width on the x- and y-axes while coloring each point by species. The visualization uses D3 v6 with SVG rendering, employing `scaleLinear` for axes and `extent` to set domains from the CSV data. Circle marks are drawn with a fixed radius, and the code includes custom axis labels for petal and sepal measurements. Colors distinguish between setosa, versicolor, and virginica species.

SSharankumar02