Skip to main content
SimilarExport ZIP
100%

Activity - 6_Task-3.1

✓ Published0🌍 Public
Pphanisrivinnakota@gmail.com
Last edited Apr 6, 2024
Created on Apr 6, 2024

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.

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

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.

Pphanisrivinnakota@gmail.com
97% 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

This scatter plot visualizes the Iris dataset, mapping petal length and width on the axes while coloring each point by species (setosa, versicolor, or virginica). It uses D3 v6 with scaleLinear for scales, extent for domains, and axisLeft/axisBottom for ticks. The SVG is sized to the full window, and circles are joined via selectAll and data. The plot also misapplies rx/ry attributes to circles, which have no visual effect. Data loads from a GitHub-hosted CSV via d3.csv.

Ssaishruthik2361@gmail.com
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…

Fork of Activity - 6_Task-3.1

This scatter plot visualizes the Iris dataset, mapping petal length against petal width for individual flowers, with each point colored by species (setosa, versicolor, or virginica). The plot uses D3 v6 APIs including `csv` for data loading, `scaleLinear` for axes, and `axisLeft`/`axisBottom` for ticks, rendered as SVG circles. While the code also defines sepal dimensions and attempts to set `rx`/`ry` attributes on circles (which have no effect), the primary visualization clearly shows the petal measurement distribution. The data is fetched from a GitHub-hosted CSV file.

Pphanisrivinnakota@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 scatter plot visualizes the Iris dataset, mapping petal length and width for each sample while coloring points by species (setosa, versicolor, and virginica) using D3 v6. The SVG rendering uses `scaleLinear` for both axes, `extent` to set domains, and `axisLeft`/`axisBottom` for tick marks. Data is loaded asynchronously from a GitHub CSV via `d3.csv`, with each circle assigned a radius of 5 and a species-specific fill color from a simple switch statement.

Vvishnutejareddyambati@my.unt.edu
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