Skip to main content
SimilarExport ZIP
100%

activity 6_task 3

✓ Published0🌍 Public
Ssumanthpenna0221@gmail.com
Last edited Oct 25, 2024
Created on Oct 25, 2024

A scatter plot of the Iris dataset displays petal length and width, colored by species using skyblue, lightgreen, and orange markers. The D3 visualization loads data via `d3.csv`, maps values with `scaleLinear` and `extent`, and renders circles with `d3.select` and `.join`. Axis titles are added via `axisLeft` and `axisBottom`, with rotated text labels. The chart uses window dimensions, and the code imports D3 v6 from UNPKG, demonstrating local ES6 module usage.

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…

activity6_task3

This scatter plot displays the Iris dataset, mapping petal length and width on the x and y axes while coloring each point by species (setosa, versicolor, virginica) using custom colors. The visualization uses D3 v6 with SVG rendering, employing `d3.scaleLinear` with `d3.extent` for scales and `d3.axisLeft` and `d3.axisBottom` for labeled axes. Data loads asynchronously from a GitHub-hosted CSV via `d3.csv`, and circles are joined to the SVG using `selectAll` and `data`. The chart fills the viewport with margins and includes rotated axis labels.

Bbhavyamoturi2509@gmail.com
93% 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
93% match
Loading thumbnail…

Activity6_Task3

This example renders a scatter plot of the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with points colored by species (setosa, versicolor, virginica). Data is loaded via `d3.csv` from a GitHub raw URL. Using D3 v6 with SVG, the visualization applies `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to position circles with a fixed radius. Axis labels are added via SVG text elements. The code demonstrates importing D3 functions and local ES6 modules, though the main chart logic lives inline in the HTML.

Ggketan456@gmail.com
93% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length against petal width, with each circle colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica). The D3 v6 code loads CSV data from a GitHub repository, uses scaleLinear and extent to establish scales, and renders circles as SVG marks with attributes for position and fill. Axis labels appear for both dimensions, and the chart fills the entire window.

Aayeshamanzoor111798@gmail.com
92% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length to the x-axis and petal width to the y-axis, with each point colored by species (setosa, versicolor, or virginica). The visualization uses D3 v6, loaded via UNPKG, and renders as SVG with circles sized using a fixed radius while also binding raw sepal measurements as non-visual attributes. Data is loaded asynchronously from a GitHub-hosted CSV file using `d3.csv`, with axes created through `axisLeft` and `axisBottom`, and scales defined by `scaleLinear` with domains from `extent`. The code uses ES6 modules for local imports and demonstrates full-window responsive scaling.

Hhemanthmaddila13@gmail.com
92% match
Loading thumbnail…

Activity6_task3

A scatter plot displays the Iris dataset, plotting petal length against petal width for three Iris species (setosa, versicolor, and virginica), with each species shown as a distinct colored circle (skyblue, lightgreen, and orange). The visualization uses D3 v6's `select`, `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to load data from a remote CSV, create a linear scale for both axes, and render the SVG chart. Points are drawn with 0.8 opacity, and the axes are labeled in green, with a title in red.

Aadityatrip9899@gmail.com
92% match
Loading thumbnail…

Activity 6_Task 3

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.

NNagalakshmi Thota
92% 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
92% match