Skip to main content
SimilarExport ZIP
100%

Fork of activity6 tutorial 3.1

✓ Published1🌍 Public
Nnagalakshmibadineedi2@gmail.com
Last edited Apr 1, 2025
Created on Apr 1, 2025

This visualization is an interactive scatter plot of the Iris dataset, displaying petal length and petal width for three flower species—setosa, versicolor, and virginica—distinguished by color. The plot uses D3 v6 APIs, including `csv` for data loading, `scaleLinear` for axes, and `axisLeft`/`axisBottom` for rendering the scales. It renders circles as SVG marks, with additional sepal measurements stored as properties but not used in the visual encoding. The chart is sized to the full window, with green axis labels and a red title.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of activity6_tutorial3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width for each specimen while coloring points by species (setosa, versicolor, or virginica). The D3 v6 code loads CSV data from a GitHub repository and uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the SVG visualization. The plot also encodes sepal dimensions in each point's radius (`rx`/`ry` attributes), though these are not scaled to the axes. The visualization renders circles with custom colors and labeled axes in an HTML page.

Sshreshikaveerannagari@gmail.com
95% match
Loading thumbnail…

Fork of Activity 6 task 3.1

This interactive 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, or virginica). The visualization also encodes sepal length and width in the circle radius, though this behavior appears flawed as the code sets both `rx` and `ry` attributes without a clear geometric effect. Built with D3 v6, the example uses `d3.csv` to load remote data, `scaleLinear` and `extent` for scaling, and `axisLeft`/`axisBottom` for axes, rendering circles in an SVG canvas with a full-window viewport.

Ssagipavan2385@gmail.com
94% match
Loading thumbnail…

Fork of Activity 6 task 3.1

This interactive 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, or virginica). The visualization also encodes sepal length and width in the circle radius, though this behavior appears flawed as the code sets both `rx` and `ry` attributes without a clear geometric effect. Built with D3 v6, the example uses `d3.csv` to load remote data, `scaleLinear` and `extent` for scaling, and `axisLeft`/`axisBottom` for axes, rendering circles in an SVG canvas with a full-window viewport.

Ssagipavan2385@gmail.com
94% match
Loading thumbnail…

Fork of Activity 6 task 3

This visualization presents the classic Iris dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis, with points colored by species (setosa, versicolor, and virginica) in skyblue, lightgreen, and orange. The code also reads sepal measurements into the data marks, though these are not directly used for positioning. Built with D3.js v6, it loads the CSV data via `d3.csv`, scales the axes with `scaleLinear`, and renders circles using SVG attributes, with `axisLeft` and `axisBottom` for labeled axes.

RRakesh Yadav
93% match
Loading thumbnail…

Fork of Activity-6_task3.1

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis, with points colored by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. The example loads CSV data via d3.csv, uses d3.scaleLinear for axis scaling, and d3.axisLeft/axisBottom for tick marks. Circles are rendered in SVG with d3.join, and each point’s radius is fixed, while sepal dimensions are encoded as rx and ry attributes, though these don’t affect the circular shape. Axis labels are added as SVG text elements, and the chart resizes to the browser window.

Aakitisaitejareddy@gmail.com
93% match
Loading thumbnail…

Fork of Activity6_T3.2

This example visualizes the Iris dataset as a scatter plot, showing the relationship between petal length and width for three flower species, with each species color-coded (skyblue, lightgreen, orange). The code uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to create an SVG chart. It loads CSV data asynchronously via `d3.csv`, maps data points to circle elements using `join('circle')`, and labels axes with rotated text. The plot fills the full browser window, with axes positioned according to specified margins.

Llingaladineshteja23@gmail.com
93% match
Loading thumbnail…

Fork of Activity 6 Scatter Plot 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 point colored by iris species (setosa, versicolor, or virginica). Using D3 v6, the code loads CSV data via `d3.csv`, scales positions with `d3.scaleLinear`, and renders circles in an SVG. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, while the data source is a remote GitHub-hosted CSV file. The plot also records sepal measurements as additional attributes but does not display them.

Vvullihanumantharao@gmail.com
93% match
Loading thumbnail…

Tutorial3_Activity6

This visualization displays the Iris dataset as a scatter plot, using petal length and petal width along the axes while coloring each point by iris species (setosa, versicolor, or virginica). The chart also includes the sepal dimensions as data attributes on each circle. The code loads the data via D3’s `csv` parser, scales the positions with `scaleLinear`, and renders circles with axes generated by `axisLeft` and `axisBottom`. It uses D3 v6, appends an SVG, and applies a rotation for the y-axis label.

Ssanjanadadi19@gmail.com
93% match