Skip to main content
SimilarExport ZIP
100%

Activity 7 Scatter Plot

✓ Published0🌍 Public
Aaniteshterala2000
Last edited Jul 8, 2023
Created on Jul 8, 2023
Forked from Hello VizHub

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.

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

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, or virginica) using distinct fills. The SVG chart is built with D3 v6, loading data via the `csv` function from a remote GitHub URL, and using `scaleLinear` for axes, `extent` for domains, and `axisLeft`/`axisBottom` to render ticks. It also applies custom margins, a title, and axis labels with rotation to present the relationships between the flower measurements.

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

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, plotting petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, or virginica) using red, skyblue, or pink fills. The SVG rendering uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` to map the data, with circular marks sized at a fixed radius. Data is loaded from a remote CSV URL via `d3.csv`, and the axes are labeled with petal and sepal dimensions.

SSwapna1915
96% match
Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width for individual flowers on a two-dimensional chart. Each colored circle represents a single iris, with grey, skyblue, and red points distinguishing the setosa, versicolor, and virginica species. The visualization uses D3.js version 6, loading data from a remote CSV file, and leverages D3's scaleLinear for axes, extent for domain calculation, and axisLeft/axisBottom for chart ticks.

MmNamratha25
96% match
Loading thumbnail…

Activity 7 Scatter Plot

A D3.js scatter plot visualizes the Iris dataset, mapping petal length and petal width to the x- and y-axes, with each point colored by species (setosa, versicolor, virginica). The plot uses SVG rendering and the `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` functions to load the data, set scales, and draw axes. The title is styled in red, and axis labels are set in green using SVG `text` elements.

Vvineelaramulapalli32
96% 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. The code uses D3 v6 APIs including `d3.csv`, `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom`, rendering to an SVG. Data points are colored by species (skyblue, lightgreen, orange), and the plot also incorporates sepal dimensions as extra coordinates, though only the petal dimensions are used for point positions. The chart labels axes as petal length and sepal length.

Bbogasamudramvamsikrishnareddy
96% 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
96% match