Skip to main content
SimilarExport ZIP
100%

Activity 7 Scatter Plot

✓ Published0🌍 Public
Aanith462@gmail.com
Last edited Jul 19, 2023
Created on Jul 19, 2023
Forked from Hello VizHub

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.

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 petal length versus petal width with points colored by species (setosa, versicolor, virginica) in skyblue, lightgreen, and orange. It also encodes sepal length and width as the rx and ry properties of each circle, though these do not affect the visible shape since the radius remains fixed. Built with D3 v6, the code loads CSV data via `d3.csv`, scales the axes with `scaleLinear`, draws circles using SVG, and adds labeled axes with `axisLeft` and `axisBottom`.

Iindushashi.g@gmail.com
96% match
Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with each of the three iris species colored differently (skyblue, lightgreen, and orange). It also encodes sepal length and width as the rx and ry attributes of each circle, though these do not affect the rendering since the radius is fixed. The visualization uses D3 v6’s `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, map values, and render axes. Data is loaded from a raw GitHub gist CSV file, and the SVG is sized to the full browser window.

Iindushashi.g@gmail.com
96% match
Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot displays the Iris dataset, mapping petal length and petal width on the axes while coloring each point by species (setosa, versicolor, or virginica). The visualization encodes sepal length and width as the `rx` and `ry` radius properties of each circle, effectively creating ellipse-like markers. Built with D3 v6, the code loads CSV data via `d3.csv`, uses `scaleLinear` and `extent` for scaling, and renders SVG circles with `selectAll` and `join`. Axis labels are added manually, and the plot fills the entire browser window.

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

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, showing petal length and petal width on the x- and y-axes, with points colored by species (setosa, versicolor, and virginica). The visualization uses D3 v6 to load CSV data from a GitHub gist, scales the axes with `scaleLinear`, and renders circular marks via SVG. It also maps sepal length and width to each circle’s horizontal and vertical radius, creating an additional layer of variation. Axis labels and tick text are styled through D3’s `axisBottom` and `axisLeft` APIs.

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

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, comparing petal length on the x-axis against petal width on the y-axis. Each circle is colored by species—setosa in skyblue, versicolor in lightgreen, and virginica in orange—with the selected sepal measurements also encoded as circle radii. The visualization uses D3 v6 with SVG rendering, loading remote CSV data via `d3.csv`, scaling axes with `d3.scaleLinear`, and drawing circles via `d3.selectAll` and `.join`. Axis labels are added using SVG text elements.

Lleftymadi
95% match