Skip to main content
SimilarExport ZIP
100%

Activity - 6_Task-3

✓ Published1🌍 Public
Pphanisrivinnakota@gmail.com
Last edited Apr 6, 2024
Created on Apr 6, 2024
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, showing petal length against petal width with each point colored by species (setosa, versicolor, or virginica). It loads CSV data from a GitHub gist using the D3 v6 `csv` function. The visualization uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map the data to screen coordinates, renders circles as SVG marks, and includes rotated axis labels rendered as SVG text elements.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity - 6_Task-3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width while coloring each point by species (setosa, versicolor, or virginica) with distinct fill colors. The plot is rendered as an SVG using D3 v6, loaded via UNPKG, and leverages the `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `join` APIs for data loading, scaling, axes, and circle placement. Data is fetched from a remote GitHub-hosted CSV file.

Pphanisrivinnakota@gmail.com
97% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length against petal width, with circles colored by species (setosa, versicolor, virginica). It uses d3.v6’s `csv` loader, `scaleLinear`, `axisLeft`, and `axisBottom` to build the SVG visualization. The plot reads data from a GitHub-hosted CSV, maps each row to circle positions via x and y scales, and renders colored markers with fixed radius.

VVidya Lakshmi Chitturi
95% match
Loading thumbnail…

Activity 6_task 3

This scatter plot visualizes the Iris dataset, showing petal length against petal width for individual flowers, with points colored by species (setosa in skyblue, versicolor in lightgreen, and virginica in orange). The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data from a GitHub-hosted CSV, map values to screen coordinates, and render an SVG with labeled axes. Each circle’s radius is fixed at five pixels, though the code also computes sepal dimensions as additional metadata.

Jjampani921@gmail.com
94% match
Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset, mapping petal length and petal width as x and y coordinates while coloring each point by species (setosa, versicolor, or virginica). It loads CSV data from a GitHub URL and renders circles with D3 v6, using `d3.csv`, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` to construct axes. The SVG-based visualization labels both axes and includes a fixed point radius, with species-specific colors applied via a switch statement.

Vvemulasai306@gmail.com
94% match
Loading thumbnail…

Activity6_Task3

This interactive scatter plot visualizes the Iris dataset, displaying petal length against petal width with points colored by species (setosa in skyblue, versicolor in lightgreen, and virginica in orange). The visualization loads CSV data from a GitHub gist using d3.csv, then renders circles using d3.scaleLinear axes and d3.axisLeft/axisBottom. Each circle's radius is fixed, though the code also stores sepal measurements as rx/ry attributes, and the SVG output is generated with D3 v6, filling the browser window.

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

Activity 6_Task 3

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) using orange, skyblue, and lightgreen markers. It loads data from a CSV file via D3's `csv` function, then renders circles on an SVG canvas using `scaleLinear` and `extent` to set scales. Axes are generated with `axisLeft` and `axisBottom`, labeled with custom text elements. The visualization demonstrates D3 v6 imported via UNPKG and uses local variable destructuring for modular code.

Ppenujulilikhil01020@gmail.com
94% match
Loading thumbnail…

Activity_6_Task_3

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x and y axes, with points colored by species (setosa, versicolor, virginica). It uses D3 v6's `scaleLinear`, `extent`, `csv`, and `axisLeft`/`axisBottom` APIs to load data from a GitHub-hosted CSV, compute scales, and render an SVG with circular markers whose fill colors are assigned via a switch statement based on the species field.

AAbrarb702@gmail.com
94% match
Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset by mapping petal length and petal width, with points colored by species (setosa, versicolor, virginica). Using D3 v6, the code loads CSV data with the `csv` function, creates axes with `axisLeft` and `axisBottom`, and applies `scaleLinear` for positioning. Circles are rendered via SVG selections, with an unusual use of `rx` and `ry` attributes based on sepal dimensions. The raw data comes from a GitHub-hosted CSV file.

VVidya Lakshmi Chitturi
94% match