Skip to main content
SimilarExport ZIP
100%

Activity 6 Tutorial 3

✓ Published1🌍 Public
Nnikhilapogula@my.unt.edu
Last edited Apr 4, 2024
Created on Apr 3, 2024
Forked from Hello VizHub

This chart shows the pairwise relationships between measurements from the classic Iris dataset, plotting petal length against petal width while mapping each flower species to a distinct color (setosa in sky blue, versicolor in light green, and virginica in orange). The visualization loads data from a GitHub-hosted CSV file using d3.csv, then constructs a scatter plot with d3.scaleLinear scales for both axes and positions circles using the d3.select and .join methods. Axis ticks are rendered via d3.axisLeft and d3.axisBottom, with axis labels styled using SVG text elements. The chart fills the browser viewport, setting its SVG dimensions from window.innerWidth and window.innerHeight.

AI-generated description

Scatter Plot of IRIS DATASET

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6_Tutorial 3.1

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width for three flower species. Each circle is colored by species—skyblue for setosa, lightgreen for versicolor, and orange for virginica—making species clusters visible. The visualization loads CSV data via `d3.csv`, uses `scaleLinear` and `extent` for axis scaling, and renders SVG circles with `d3.selectAll` and `join`. Axis labels are added with `axisLeft` and `axisBottom`, while custom text labels annotate the axes. The chart uses D3 v6 and is displayed in a full-window SVG layout.

Ttallavijayalakshmi0710@gmail.com
91% match
Loading thumbnail…

Activity 6 tutorial 3-1

This scatter plot visualizes the Iris dataset, mapping petal length and width for each flower sample. Points are colored by species (setosa, versicolor, and virginica) using skyblue, lightgreen, and orange markers. The visualization loads CSV data from a GitHub gist, parses it, and builds a D3 v6 SVG chart with `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, `d3.axisBottom`, and `d3.select` for DOM manipulation. Axis labels are added for petal dimensions, while the viewport uses `window.innerWidth` and `window.innerHeight` for sizing.

Kkaringusathwika@gmail.com
91% 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
90% match
Loading thumbnail…

Activity6_3

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width, with each point colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica). The visualization uses d3.scaleLinear for both axes and d3.extent to compute the data domains. Points are rendered as SVG circles using a d3.select join operation. The chart includes axis labels and a rotated y-axis label, built with d3.axisLeft and d3.axisBottom. The data is loaded asynchronously from a CSV file using d3.csv.

CCodeNinja
90% match
Loading thumbnail…

activity6 tutorial 3.1

This scatter plot visualizes the Iris dataset, mapping petal length and petal width for each sample while coloring points by species (blue, green, or orange). The chart uses D3 v6 methods including `d3.csv` for data loading, `d3.scaleLinear` for axis scaling, and `d3.axisLeft`/`d3.axisBottom` for ticks. Circles are rendered via SVG with a fixed radius, and text labels for axes are rotated and styled. Data comes from a GitHub-hosted CSV file, parsed with a custom row handler.

Nnissisharon61@gmail.com
90% match
Loading thumbnail…

Activity6_tutorial3.1

This scatter plot visualizes the classic Iris dataset, mapping petal length against petal width and coloring each point by species (setosa, versicolor, or virginica). The chart uses an SVG canvas rendered with D3 v6, employing `scaleLinear` to map the data columns to pixel coordinates and `axisLeft`/`axisBottom` for the labeled axes. Data is loaded from a remote CSV via `d3.csv`, with the plot points drawn as fixed-radius circles. The code also attempts to scale point dimensions from sepal measurements, though only the constant radius is applied visually.

Cchandrikachowdary867@gmail.com
90% 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
90% match
Loading thumbnail…

Activity6_task3

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width for three flower species. Colored circles represent each species, with skyblue for setosa, lightgreen for versicolor, and orange for virginica. The visualization loads data from a CSV file using d3.csv and renders SVG circles with d3.scaleLinear for axes positioning. Axis labels rotate with SVG transforms, and species-specific colors are assigned through a JavaScript switch statement. The plot uses d3.axisLeft and d3.axisBottom for the coordinate system.

Cchinnivikramnunna@gmail.com
90% match