Skip to main content
SimilarExport ZIP
100%

Activity 7 Scatter Plot

✓ Published0🌍 Public
Rrikhitakoganti12
Last edited Jul 2, 2023
Created on Jul 2, 2023
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, comparing petal length and width for three species: setosa, versicolor, and virginica. Each circle is colored according to species—blue, green, or purple—using a simple switch function. Built with D3 v6, the visualization loads CSV data from a GitHub gist and uses `scaleLinear`, `axisLeft`, and `axisBottom` to render axes in SVG. The plot demonstrates D3’s data-joining with `join('circle')`, mapping attributes like `cx`, `cy`, and `fill` directly from parsed data fields.

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

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width along the x- and y-axes. Each flower species—setosa, versicolor, and virginica—is distinguished by a unique color (skyblue, lightgreen, and orange, respectively). The visualization is rendered as an SVG using D3 version 6, with data loaded from a CSV URL. It employs D3's `scaleLinear` for axis scaling and `axisLeft` and `axisBottom` for chart axes, alongside custom styling for tick labels and a red italic title.

Ssrikkanth05
96% match
Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, showing petal length against petal width with points colored by species: skyblue for setosa, lightgreen for versicolor, and orange for virginica. The visualization uses D3 v6 scales and axes via d3.scaleLinear, d3.extent, d3.axisLeft, and d3.axisBottom to map the data. Data is loaded as CSV from a GitHub repository, and circles are rendered as SVG elements with fixed radius and dynamic fill colors. The chart includes rotated axis labels for petal length and sepal length.

Mmn0658
95% 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
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
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, 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