Skip to main content
SimilarExport ZIP
100%

Fork of Activity6_Task3_Tutorial 3.1

✓ Published0🌍 Public
Nnavyabade05@gmail.com
Last edited Mar 31, 2025
Created on Mar 31, 2025

This example visualizes the Iris dataset as a scatter plot, mapping petal length and width on the axes while coloring each circle by species. It uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` to load data, scale coordinates, and render SVG marks. The circles also store sepal measurements in `rx` and `ry` attributes, though these do not affect the visual radius. Data is fetched from a GitHub raw CSV URL, and the full-page SVG adapts to the browser window size.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activity6_Task3_Tutorial 3.1

This example visualizes the Iris dataset as a scatter plot, mapping petal length and width on the axes while coloring each circle by species. It uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` to load data, scale coordinates, and render SVG marks. The circles also store sepal measurements in `rx` and `ry` attributes, though these do not affect the visual radius. Data is fetched from a GitHub raw CSV URL, and the full-page SVG adapts to the browser window size.

Nnavyabade05@gmail.com
100% match
Loading thumbnail…

Activity_6_Task3_Tutorial

This example visualizes the Iris dataset as a scatter plot, mapping petal length and petal width on the axes while coloring each circle by species (setosa, versicolor, or virginica). The code uses D3 v6 via UNPKG, loading CSV data from a GitHub repository and rendering SVG circles with `scaleLinear`, `extent`, and axis functions. It also applies non-standard `rx` and `ry` attributes to the circles, based on sepal measurements, demonstrating flexible D3 data binding and custom styling.

Pparvathi829790@gmail.com
95% match
Loading thumbnail…

Fork of Activity 6_task 3

This example visualizes the Iris dataset as a scatter plot, mapping petal length and width as the primary x and y axes while also encoding sepal dimensions as circle radius properties. The plot uses colored circles—sky blue for setosa, light green for versicolor, and orange for virginica—to distinguish species. Built with D3 v6, the code loads CSV data from a GitHub repository, applies linear scales via `scaleLinear` and `extent`, and renders SVG circles with appended axis labels and tick marks. The visualization clearly shows clustering patterns among the three Iris species based on their morphological measurements.

KKarnam Abinay Goud
94% match
Loading thumbnail…

Fork of Fork of Activity6_Task3

This example visualizes the Iris dataset as a scatter plot, mapping petal length and width along the axes while coloring each point by species. The D3.js code (v6) loads CSV data, applies linear scales, and renders SVG circles with a fixed radius. It uses `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` to build the chart, with species-specific colors assigned via a switch function. The visualization fills the browser window and includes custom axis labels.

PPadmajaKodati@my.unt.edu
94% match
Loading thumbnail…

Activity 6_Task 3.1_Tutorial

This scatter plot visualizes the Iris dataset, mapping petal length and width as the x- and y-axes, with each point colored by species (setosa, versicolor, or virginica). D3 v6 loads the CSV via `d3.csv`, and uses `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom` to render axes. Circles are drawn with SVG, and their radii are fixed, but the `rx` and `ry` attributes are set to sepal length and width, creating elliptical markers. Data is sourced from a GitHub-hosted CSV file.

Sshettisowmya01@gmail.com
94% match
Loading thumbnail…

Fork of Activity6_Task3

This example visualizes the classic Iris dataset as a scatter plot, mapping petal length and width to the x and y axes while encoding the species of each flower with distinct colors (skyblue, lightgreen, and orange). The plot is rendered as an SVG using D3 v6, with linear scales for both axes, axis labels for petal and sepal measurements, and circles representing individual data points. Data is loaded from a remote CSV file via D3's `csv` function.

SSreeKohaliPatel@my.unt.edu
93% match
Loading thumbnail…

Activity6_Task3.1

This example visualizes the Iris dataset as a scatter plot, displaying petal length and petal width on the axes while coloring each point by species (setosa, versicolor, or virginica). It also encodes sepal length and width as the x- and y-radii of the circular markers. The visualization loads CSV data from a GitHub gist, uses D3 v6 modules including `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select`, and renders all marks as SVG circles. Axis labels are green, and the plot resizes to the full browser window.

Rrakesh.kavuru@outlook.com
93% match
Loading thumbnail…

Tutorial Activity6_Task3

This example visualizes the Iris dataset as a scatter plot, mapping petal length and width on the axes while coloring each point by species (setosa, versicolor, or virginica). The chart uses D3 v6 to load CSV data, apply linear scales, and render SVG circles with custom fill colors. Axis labels are added using d3.axisLeft and d3.axisBottom, and the graphic fills the browser window. The code imports specific D3 modules via destructuring and uses scaleLinear, extent, and join for efficient data binding.

Kkrunalpatel@my.unt.edu
93% match