Skip to main content
SimilarExport ZIP
100%

Activity8-T3

✓ Published0🌍 Public
Sshaiksajidali
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, mapping petal length and width as point positions while encoding sepal dimensions through the circles' `rx` and `ry` attributes, despite using a standard circle element. Species are distinguished by color: skyblue for setosa, lightgreen for versicolor, and orange for virginica. The visualization is rendered as an SVG using D3 v6, with `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for data loading, scaling, and axes. Axis labels are added as SVG text elements.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity8-T3

A scatter plot of the Iris dataset displays petal length on the x-axis and petal width on the y-axis, with points colored by species (setosa, versicolor, virginica). The visualization uses D3 v6 with `select`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render SVG circles, each with a fixed radius. Data is loaded asynchronously from a GitHub-hosted CSV, and axes are labeled with rotated text. The chart fills the browser window using `window.innerWidth` and `window.innerHeight`.

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

Activity-6-Task-3

This scatter plot visualizes the Iris dataset, mapping petal length and petal width on 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 into the circle attributes `rx` and `ry`, creating elliptical markers. Built with D3 v6, the code loads CSV data via `d3.csv`, uses `scaleLinear` and `extent` for scales, and renders SVG circles with `selectAll` and `join`. Axis labels are added via `axisLeft` and `axisBottom`.

Kkotasc18@gmail.com
94% match
Loading thumbnail…

Activity Task 3

This scatter plot visualizes the Iris dataset, displaying petal length and width on the x and y axes while coloring each point by species (setosa, versicolor, and virginica) using a custom color mapping. The visualization uses D3 v6 with SVG rendering, leveraging `d3.csv` for data loading, `scaleLinear` and `extent` for scaling, and `axisLeft` and `axisBottom` for axes. The circles also encode sepal dimensions through `rx` and `ry` attributes, though these appear non-standard for circle geometry. The graph is dynamically sized to the browser window.

Rrahulsiddhartha123@outlook.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_Task3.1

This scatter plot visualizes the Iris dataset, mapping petal length and petal width on the x- and y-axes while coloring each point by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. It also encodes sepal length and width as additional properties per circle. Built with D3 v6, the code uses `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and SVG circle elements. Data is loaded from a remote GitHub CSV, with axes and labels rendered into a full-window SVG.

Nnikhilthoutu24@gmail.com
94% match
Loading thumbnail…

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

activity8_tutorial3

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

Ssaitejauppu0206@gmail.com
93% match