Skip to main content
SimilarExport ZIP
100%

Activity 6_Task 3

✓ Published0🌍 Public
MMannava Priyanka Chowdary
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and width for three species of iris flowers. The visualization uses D3.js v6 to load data from a GitHub-hosted CSV file and render circles as SVG elements. Circles are color-coded by species (setosa in sky blue, versicolor in light green, and virginica in orange), with axis labels displaying the measured attributes. The chart employs D3’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` functions to map data values to screen coordinates and generate axes.

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 the relationship between petal length and petal width for three iris species (setosa, versicolor, and virginica), with each species represented by a distinct color. The visualization uses D3.js v6 to load the data from a GitHub-hosted CSV, scale linearly based on data extents, and render circles in SVG. It displays axes with tick labels and axis titles, and positions the marks according to the petal dimensions, highlighting species-based color encoding.

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

Activity_6 Task-3

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width for three species of iris flowers. Each flower is represented as a colored circle, with sky blue for setosa, light green for versicolor, and orange for virginica. The visualization uses D3 v6 with SVG rendering, employing d3.scaleLinear, d3.extent, d3.axisLeft, and d3.axisBottom to construct the plot. Data is loaded asynchronously via d3.csv from a GitHub gist, and the code calculates the x and y positions based on the measured petal dimensions.

Kkrishna444battula@gmail.com
96% match
Loading thumbnail…

Activity 6_Task 3.1

This interactive scatter plot visualizes the Iris flower dataset, showing the relationship between petal length and petal width across three Iris species. The visualization uses D3.js (v7) to render SVG circles colored by species, with axes labeled in centimeters and a legend identifying each species. Hovering over a data point enlarges the circle and displays a tooltip with the exact measurements and species name. The code loads CSV data from a GitHub gist and uses d3.scaleLinear for positioning, d3.scaleOrdinal for color mapping, and d3.axisBottom/d3.axisLeft for the coordinate axes.

SSrihith Reddy Gaddam
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

This scatter plot visualizes the Iris dataset, displaying petal length against petal width for individual flowers. The visualization, built with D3 v6 and rendered as an SVG, uses colored circles to distinguish between the three Iris species: setosa, versicolor, and virginica. The code loads data from a CSV file and applies the `d3.scaleLinear` API for both the x and y axes, with `d3.axisLeft` and `d3.axisBottom` for the chart’s labeled axes.

Ggouthamigongidi2457@gmail.com
95% match
Loading thumbnail…

Activity-6_task-3

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and width, with points colored by species (setosa, versicolor, and virginica). The visualization uses D3.js version 6.7.0, loading data from a GitHub gist via the `csv` function. It employs `scaleLinear` for both axes, `extent` to compute domains, and `axisLeft` and `axisBottom` for chart axes. The SVG rendering maps each data point to a circle with a fixed radius, while the color logic uses a switch statement based on the species field.

Ccharanshiva769@gmail.com
95% match
Loading thumbnail…

Activity-6_Task-3_Part-1

This scatter plot visualizes the Iris dataset, showing petal length and width relationships with points colored by species (setosa, versicolor, and virginica). It loads data from a GitHub-hosted CSV file and renders SVG circles using D3 v6, employing `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for scales and axes. The visualization includes green axis labels and a full-window responsive layout, with circle positions mapped from petal measurements and colors assigned via a custom marker function.

VVasanth Krishna
95% match