Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Activity 6 task 3

✓ Published0🌍 Public
RRakesh Yadav
Last edited Apr 11, 2024
Created on Apr 11, 2024

This scatter plot displays four attributes of the Iris dataset—petal length, petal width, sepal length, and sepal width—with each flower species colored distinctly (setosa in skyblue, versicolor in lightgreen, and virginica in orange). It uses d3.csv to load the data and d3.scaleLinear with d3.extent to map values to screen coordinates. Circles are rendered via SVG using the data-join pattern, while axes are created with d3.axisLeft and d3.axisBottom, with rotated and positioned text labels for the quantitative variables.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

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

Fork of Activity 6_task 3.1

This scatter plot visualizes the Iris dataset, mapping petal length and petal width for individual flowers while coloring each point by species (skyblue, lightgreen, or orange). It uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render an SVG with circle marks and labeled axes. The data is loaded from a remote CSV via `d3.csv`, and axis labels are rotated using SVG transforms.

KKarnam Abinay Goud
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 Activity 6_Task 3

This scatterplot visualizes the Iris dataset, mapping petal length and width for individual flowers, with points colored by species (setosa, versicolor, virginica). D3 v6 loads the CSV data, then uses scaleLinear and extent to set the x and y axes, while axisLeft and axisBottom add labels. The SVG circles receive computed coordinates and colors based on the parsed species field. The chart’s red title and green axis labels, positioned via rotation and translate, highlight the custom styling and data-derived encoding.

Aanusha.chilkamarri26@gmail.com
93% match
Loading thumbnail…

Fork of Fork of Activity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length against petal width, with each point colored by species (setosa, versicolor, or virginica) via a simple switch function. The visualization uses d3.csv to load remote CSV data, then d3.scaleLinear with extent domains to map values to screen coordinates, and d3.axisLeft and d3.axisBottom for labeled axes. Circles are rendered as SVG elements with fixed radius via d3.selectAll().join(), while sepal length and width are stored as unused data fields. The plot fills the browser viewport, with green axis titles rotated vertically for the y-axis.

Aaschowdary.shashi@gmail.com
92% match
Loading thumbnail…

Fork of Fork of Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length and width for individual data points, with color coding by species (setosa, versicolor, virginica). The visualization uses D3.js v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load and parse the CSV data from a GitHub gist, then render SVG circles. Axes are labeled for petal length and sepal length, though the data mapping uses petal dimensions for positioning. The code also references additional properties like sepal measurements, which are not directly used in the final point placement.

Sshivakumarganji@my.unt.edu
92% 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
92% 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
92% match