Skip to main content
SimilarExport ZIP
100%

Activity 6_Task 3

✓ Published1🌍 Public
NNagalakshmi Thota
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with each point colored by species. The D3 v6 code loads CSV data from a GitHub gist, then uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to map values to screen coordinates and render axes. Circles are drawn via SVG joins with species-based colors, while axis labels are added as 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

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

Activity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length against petal width for individual flowers. Points are colored by species—sky blue for setosa, light green for versicolor, and orange for virginica—using D3.js v6. The code loads CSV data from a GitHub repository and uses `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom` to create the axes. It renders as an SVG, with circles positioned by the scaled petal measurements and styled via a switch statement on the species field. The plot includes custom axis labels in green.

Bbhargavr016@gmail.com
95% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis. Each point is colored by species—skyblue for setosa, lightgreen for versicolor, and orange for virginica—revealing distinct clusters. Using D3 v6, the code loads CSV data, applies linear scales via `scaleLinear`, and renders SVG circles with `selectAll` and `join`. The chart includes left and bottom axes from `axisLeft` and `axisBottom`, with rotated axis labels for petal dimensions.

Cchandrikachowdary867@gmail.com
95% match
Loading thumbnail…

Activity-6 Task-3

This scatter plot displays the Iris dataset, using D3 v6 to map petal length and width as x- and y-coordinates. Circles are colored by species (setosa, versicolor, virginica) and sized with a fixed radius. The chart loads CSV data from a GitHub repository, uses `csv`, `scaleLinear`, `extent`, and `axisBottom`/`axisLeft` for scales and axes, and renders as an SVG. Sepal and petal measurements are accessible through the same data parsing.

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

Activity6_Task 3

This scatter plot visualizes the Iris dataset, showing the relationship between petal length (x-axis) and petal width (y-axis). Each point represents a flower sample, with color encoding indicating the iris species (setosa, versicolor, or virginica). The visualization uses D3 v6, loading CSV data directly from a GitHub repository, and employs `scaleLinear` for axes and `axisLeft`/`axisBottom` for tick marks. Circles are rendered as SVG elements, with a legend implied by the color mapping.

Hharinihari6791@gmail.com
95% match
Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width for three iris species, with each species represented by a distinct color. The code uses D3 v6 to load CSV data from a GitHub repository, parse the numeric columns, and render an SVG scatter plot. It employs D3's `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map data values to pixel coordinates and draw axes. The visualization also includes a title and axis labels, with circles colored skyblue, lightgreen, or orange based on species.

SSai Praveen Lokavarapu
95% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, encoding petal length on the x-axis, petal width on the y-axis, and species via point color (skyblue, lightgreen, and blue). It uses D3 v6 with `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, map scales, and render SVG circles and axes. The code parses numeric measurements from the CSV and applies a custom color function per species, with axis labels styled in green.

DDee
95% match