Skip to main content
SimilarExport ZIP
100%

Fork of Activity6_Task3.2

✓ Published0🌍 Public
MMallikarjun Narra
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from Activity6_Task3

This scatter plot visualizes the iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with points colored by species (skyblue, lightgreen, or orange) and sized or positioned according to sepal measurements. The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data from a GitHub-hosted CSV and render SVG circles. Axes labels are added via `svg.append('text')`, with data-driven fill colors assigned through a switch function on species.

AI-generated description

using the scatter plot on the iris data

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length and width for each sample point while also encoding sepal measurements as circle radii. The SVG rendering uses d3.scaleLinear for both axes, d3.axisLeft and d3.axisBottom for tick marks, and d3.csv to load the data from a GitHub gist. Circle colors differentiate the three iris species via a switch statement, assigning skyblue, lightgreen, or orange fills. The visualization fills the entire viewport and includes rotated axis labels for clarity.

Aajaykumarseelam@my.unt.edu
96% 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
95% 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
95% match
Loading thumbnail…

fork of activity6_task_3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width while coloring each point by species—skyblue for setosa, lightgreen for versicolor, and orange for virginica. The D3 v6 code loads CSV data from a GitHub URL, uses scaleLinear with extent for axes, and renders circles with SVG. Axis labels clarify petal length and sepal length, with d3.axisLeft and d3.axisBottom providing tick marks.

JJaswanthkota@my.unt.edu
95% match
Loading thumbnail…

Fork of Activity6_Task3.2

This scatter plot visualizes the Iris dataset, mapping sepal length against petal length and using distinct shapes to represent different iris species. The visualization loads data from a CSV file and displays it using D3 v7, leveraging the `scaleLinear` and `scaleOrdinal` scales to map data values to plot coordinates and shape encodings. Custom axis and legend modules render labeled axes and a shape legend, while the `symbol` API generates the species-specific markers. The plot dynamically fetches and parses the data via `csvParse`, updating the display once the dataset arrives.

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

Fork of activity6_task3

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width, with each point colored by species (setosa, versicolor, or virginica). The code loads CSV data from a GitHub gist and parses it with D3’s `csv` function. It uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to position circles in an SVG, while also including unused sepal measurements as attributes. The visualization highlights species clusters through distinct fill colors applied via a switch statement.

NNIIPUNNREDDY00@GMAIL.COM
94% match