Skip to main content
SimilarExport ZIP
100%

Activity 6 Tutorial 3.1

✓ Published0🌍 Public
Ssharanyabobbala@my.unt.edu
Last edited Oct 23, 2024
Created on Oct 20, 2024
Forked from Hello VizHub

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.

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

AAamani Chamarthi
95% match
Loading thumbnail…

activity6_tutorial3

This scatter plot visualizes the Iris dataset, mapping petal length and petal width for each sample while coloring points by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange markers. The D3.js v6 code loads CSV data from a remote GitHub repository and uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct axes and position circles in an SVG. The visualization includes rotated axis labels for petal length and sepal length, with a fixed radius of 5 pixels for each circle.

1188r1a0559@gmail.com
95% match
Loading thumbnail…

activity6_tutorial3

This scatter plot visualizes the Iris dataset, mapping petal length and petal width for each sample while coloring points by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange markers. The D3.js v6 code loads CSV data from a remote GitHub repository and uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct axes and position circles in an SVG. The visualization includes rotated axis labels for petal length and sepal length, with a fixed radius of 5 pixels for each circle.

1188r1a0559@gmail.com
95% match
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
95% match
Loading thumbnail…

Activity 6 task 3.1

This example visualizes the Iris dataset as a scatter plot, mapping petal length and width to the x and y axes while coloring points by species (setosa, versicolor, and virginica) using skyblue, lightgreen, and orange. It also encodes sepal length and width as the horizontal and vertical radii of each circle, creating an elliptical shape. The code loads CSV data from a GitHub repository with `d3.csv`, scales the domains using `d3.scaleLinear` and `d3.extent`, and renders SVG circles with `d3.selectAll` and `.join`. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, and labels are appended as SVG text elements.

Rrohitpotluri@my.unt.edu
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
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…

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