Activity 6 tutorial 3.1

100%

Activity 6 tutorial 3.1

✓ Published0🌍 Public

Last edited Oct 23, 2024

Created on Oct 23, 2024

This example visualizes the Iris dataset with a scatter plot of petal length against petal width, where each circle’s color encodes the three species (setosa, versicolor, virginica) via a switch statement. The code loads CSV data with d3.csv, maps it into x/y positions using scaleLinear and extent, and renders SVG circles with attributes for fill and radius. Axis labels and tick marks are generated with d3.axisLeft and d3.axisBottom, while an inner text element adds rotated labels for both axes.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6 tutorial 3.1

This example shows a scatter plot of the Iris dataset, mapping petal length and petal width on the x- and y-axes while coloring each point by species (setosa, versicolor, or virginica). It loads the data from a remote CSV using d3.csv, scales the coordinates with d3.scaleLinear, and renders circles as SVG elements. The plot includes labeled axes generated by d3.axisLeft and d3.axisBottom, with gradient-colored data points and fixed radius.

BBamanGayathri

96% match

Loading thumbnail…

Activity 6 Tutorial 3.1

This example visualizes the Iris dataset with a scatter plot comparing petal length against petal width, coloring points by species (setosa, versicolor, virginica) in skyblue, lightgreen, and orange. The code loads CSV data via d3.csv, then uses scaleLinear, extent, axisLeft, and axisBottom to map values and render axes in SVG. Circles are positioned using cx/cy attributes, with additional rx/ry properties derived from sepal measurements. Axis labels are rotated and styled using d3 selections.

Ssharanyabobbala@my.unt.edu

95% match

Loading thumbnail…

Activity6_Tutorial3.1

This example visualizes the Iris dataset with a scatter plot, mapping petal length and petal width on the x- and y-axes while coloring each point by species (setosa, versicolor, virginica). The SVG rendering uses D3 v6’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to position and label the axes, with circles sized at a fixed radius. Data is loaded asynchronously via `d3.csv` from a GitHub raw URL, and each mark’s fill color is assigned through a custom switch statement. Axis labels are added as SVG text elements with rotated and centered styling.

Vvarmanithish5@gmail.com

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

94% 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. Each point’s color encodes the iris species (setosa, versicolor, or virginica), while the sepal length and width are additionally used to scale each circle’s rx and ry attributes, creating elliptical markers. The code loads CSV data via `d3.csv`, uses `scaleLinear` with `extent` to set domains, and renders the visualization as SVG circles with `d3.axisLeft` and `d3.axisBottom` for labeled axes.

Hhemanthdummy999@gmail.com

94% match

Loading thumbnail…

Activity6_tutorial3.1

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis. Each circle is colored by species—sky blue for setosa, light green for versicolor, and orange for virginica—with all points rendered as fixed-size circles. The visualization uses the `d3.csv` loader to fetch data from a GitHub repository, `d3.scaleLinear` for axis scaling, and `d3.axisLeft` and `d3.axisBottom` for chart axes. The SVG canvas resizes to the browser window, and the code employs D3's data-join operator (`.join`) to efficiently bind data to circle elements.

Vvenkatdinesh5010@gmail.com

94% match

Loading thumbnail…

Activity6_tutorial 1

This example visualizes the Iris dataset with a scatter plot of petal length against petal width, coloring each point by species (setosa, versicolor, or virginica). It also encodes sepal length and width as additional attributes on the circle elements. The code loads CSV data via `d3.csv`, uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to render SVG circles and axes, and styles the page with CSS. The data comes from a remote gist URL.

Rraaghaveramireddy@my.unt.edu

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

93% match