Activity 8-1

100%

✓ Published0🌍 Public

Last edited Jul 5, 2023

Created on Jul 5, 2023

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) using skyblue, lightgreen, or orange. The code loads the CSV via d3.csv, imports the scatterPlot module, and renders an SVG sized to the window. It demonstrates D3’s import syntax and local ES6 module usage, with styles from the Share Tech font and CSS.

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-4

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.

Ppjdhungana@gmail.com

92% 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

91% match

Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width for three species of iris flowers, with points colored by species: skyblue for setosa, lightgreen for versicolor, and orange for virginica. The code loads CSV data via d3.csv, uses d3.scaleLinear with d3.extent to establish scales, and renders the plot as an SVG. Axes are drawn with d3.axisLeft and d3.axisBottom, while circle elements are bound to the data and positioned using scaled values, with labeled axes for petal and sepal measurements.

LLakshmanRangisetti

91% match

Loading thumbnail…

Activity 7 - Scatter Plot with color

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis while coloring each point by iris species (sky blue for setosa, light green for versicolor, orange for virginica). It uses D3.js v6 with dynamic SVG rendering across the full viewport, loading data via `d3.csv` from a GitHub raw URL. The code employs `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and custom circle attributes for highlighting sepal dimensions, with axis labels and styling applied through CSS classes.

Ppasyasahas

91% match

Loading thumbnail…

Activity 7 Scatter Plot

This example displays a scatter plot of the Iris dataset, mapping petal length and width to the x and y axes while coloring each point by species (setosa, versicolor, or virginica) using skyblue, lightgreen, and orange. The visualization also encodes sepal length and width as the rx and ry attributes of each circle, though these do not affect the rendered shape since the radius is fixed. It loads CSV data from a GitHub URL using `d3.csv`, applies linear scales via `scaleLinear`, and renders axes with `axisLeft` and `axisBottom`. The code uses D3 v6 through a UNPKG script import with SVG rendering.

Aanith462@gmail.com

91% match

Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, encoding petal length on the x-axis and petal width on the y-axis, with points colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica). The D3 v6 code uses scaleLinear, extent, axisLeft, axisBottom, and csv to load and render SVG circles. The visualization loads data from a remote CSV file and applies a custom species-to-color mapping, with axis labels for petal length and sepal length.

Mmn0658

91% 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

91% 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

91% match