Activity 7-4

100%

✓ Published0🌍 Public

Last edited Jun 28, 2023

Created on Jun 28, 2023

This scatter plot visualizes the Iris dataset, depicting petal length against petal width, with each point colored by species (setosa, versicolor, or virginica). It loads data from a CSV URL using the `csv` function, then maps values through `scaleLinear` scales. The visualization uses D3 v6 APIs including `select`, `extent`, `axisLeft`, `axisBottom`, and SVG circle marks for rendering, with axis labels styled via 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 7 Scatter Plot

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width. Data points are colored by species, with grey for setosa, skyblue for versicolor, and red for virginica. The visualization uses D3 v6, loading data from a remote CSV file via the `csv` function and rendering circles as SVG marks. It employs `scaleLinear` for axes, `axisLeft` and `axisBottom` for ticks, and custom styling for text elements.

AArun Pratap

94% match

Loading thumbnail…

Activity 7 scatter plot

This scatter plot visualizes the Iris dataset, comparing petal length against petal width, with each species (setosa, versicolor, virginica) assigned a distinct color. It loads data from a CSV file via `d3.csv`, then uses `d3.scaleLinear` with `d3.extent` to map the dimensions to SVG coordinates. The code draws circles with `d3.select` and `join`, and adds axes using `d3.axisLeft` and `d3.axisBottom`, all rendered as SVG within a full-window canvas.

Jjaideeptripurani12@gmail.com

94% match

Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset by mapping petal length and width. Each circle is colored by species: setosa in blue, versicolor in yellow, and virginica in green. The code loads CSV data from a GitHub URL using d3.csv and renders the plot as SVG circles. It uses D3 v6 scales (scaleLinear), axes (axisLeft, axisBottom), and extent to position the marks. The visualization includes axis labels and a centered title.

UUmarani Vemula

93% match

Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width for three species (setosa, versicolor, and virginica) with color-coded points. The chart loads CSV data via `d3.csv`, uses `d3.scaleLinear` and `d3.extent` to compute scales, and renders circles in SVG with `d3.axisLeft` and `d3.axisBottom` for axes.

VVenkat-Sumith-Thota

93% match

Loading thumbnail…

Activity 7 Scatter Plot - 3

This scatter plot visualizes the Iris dataset, showing petal length against petal width, with each point colored by species (setosa, versicolor, or virginica) using a simple switch-based color mapping. The visualization loads data from a remote CSV file via `d3.csv`, scales the axes with `d3.scaleLinear`, and renders circles as SVG elements using `d3.select` and data joins. Axis labels are added with rotating text, and the layout adapts to the window size using `window.innerWidth` and `innerHeight`.

VVinay Vemuri

93% match

Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, using D3 v6 to map petal length and petal width for each sample. The visualization encodes the species of each flower through color, with setosa in skyblue, versicolor in lightgreen, and virginica in orange. Data is loaded from a remote CSV file using `d3.csv`, while `d3.scaleLinear`, `d3.extent`, `d3.axisBottom`, and `d3.axisLeft` handle the scales and axes. The SVG circles are rendered with the `join` method, and the chart includes labeled axes for petal length and sepal length.

Aaniteshterala2000

93% match

Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, showing the relationship between petal length (x-axis) and petal width (y-axis), with each point colored by species—setosa, versicolor, or virginica. The code loads the CSV from GitHub using D3’s `csv` and `scaleLinear` to map the data to SVG circle elements. It also includes axis labels, a legend-less color mapping via a custom `marker` function, and uses `extent` for domain calculation. The SVG is rendered full-window with margins, and axes are added via `axisLeft` and `axisBottom`.

Ssuryavamsi00024

93% match

Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot displays the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa in black, versicolor in yellow, and virginica in blue). The visualization uses D3 v6 to load the CSV data from a GitHub repository, applies `scaleLinear` and `extent` for scaling, and renders circles as SVG elements with `axisLeft` and `axisBottom` for the labeled axes.

HHemanthh81

93% match