Skip to main content
SimilarExport ZIP
100%

activity8_tutorial3

✓ Published1🌍 Public
Ssaitejauppu0206@gmail.com
Last edited Apr 15, 2024
Created on Apr 15, 2024

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width for three species of iris flowers. Each circle is colored by species—sky blue for setosa, light green for versicolor, and orange for virginica—using D3 v6’s `scaleLinear`, `extent`, and `csv` loader. The SVG circles include redundant `rx` and `ry` attributes based on sepal dimensions, though the fixed radius of 5 governs the visual size. Axis labels and ticks are generated with `axisLeft` and `axisBottom`.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

activity8_tutorial3.1

This scatter plot visualizes the classic Iris dataset, displaying the relationship between petal length and petal width while also encoding sepal dimensions and species. It renders individual flowers as colored circles, using sky blue, light green, and orange to distinguish the Setosa, Versicolor, and Virginica species, respectively. Built with d3.v6, the visualization loads data from a CSV URL via the `csv` method, then applies `scaleLinear` with `extent` to map values to SVG coordinates. The plot uses `axisLeft` and `axisBottom` for labeled axes, and the full viewport size is utilized as the canvas.

Ssaitejauppu0206@gmail.com
96% 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, with each point colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica). The visualization uses d3.scaleLinear for axis scaling, d3.extent to compute data domains, and d3.axisLeft/d3.axisBottom for tick rendering. Circles are drawn as SVG elements with a fixed radius, while the code also calculates sepal dimensions for each point but does not apply them to the mark size. Data is loaded asynchronously from a CSV via d3.csv, and the chart resizes to the browser window.

Kkaringusathwika@gmail.com
95% match
Loading thumbnail…

Activity8tutorial 3

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis. Points are colored by species—skyblue for setosa, lightgreen for versicolor, and orange for virginica—with circle radii fixed at five pixels. The visualization loads data from a remote CSV via `d3.csv`, parses numeric values, and uses `d3.scaleLinear` with `d3.extent` for scales. Axes are generated with `d3.axisLeft` and `d3.axisBottom`. The code also maps sepal dimensions to circle attributes, though these do not affect rendering. SVG elements are bound and updated with `selectAll(...).data(...).join(...)`.

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

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
94% match
Loading thumbnail…

Activity 7 Tutorial

This scatter plot visualizes the Iris dataset, showing petal length against petal width. Each circle is colored by species: sky blue for setosa, light green for versicolor, and orange for virginica. The plot uses D3’s `csv`, `scaleLinear`, `extent`, and axis components, with SVG circles positioned via `cx` and `cy` attributes. Sepal length and width are parsed from the CSV but remain unused for positioning. Axis labels are added as rotated and standard text elements, with a green font style.

Nnikhilthoutu24@gmail.com
94% match
Loading thumbnail…

activity6_tutorial

This scatter plot visualizes the Iris dataset, mapping petal length and width on the axes while coloring points by species (setosa, versicolor, and virginica) with distinct fill colors. The visualization uses D3 v6’s `csv` loader to fetch data from a GitHub gist, `scaleLinear` for axis scaling, and `axisLeft`/`axisBottom` for labeled axes. Circles are rendered via SVG with a fixed radius, and additional attributes like sepal dimensions are bound to each mark but not visually encoded.

Vvidiyalasahithi1999@gmail.com
94% match
Loading thumbnail…

Activity6_Tutorial3.1

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width for three species, with each point colored by species (skyblue, lightgreen, or orange) and sized by sepal dimensions. The visualization uses D3 v6's `csv` loader to fetch data from a GitHub gist, then applies `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to create scaled axes and map data coordinates to SVG circle elements. The chart renders within a full-window SVG, with green axis labels and a red title, highlighting species clusters across the petal measurements.

Ggnanendra097@gmail.com
94% match