Skip to main content
SimilarExport ZIP
100%

Activity 7 Scatter Plot

✓ Published0🌍 Public
BBhavyaMammai
Last edited Jun 28, 2023
Created on Jun 28, 2023
Forked from Hello VizHub

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.

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, 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
97% 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
97% 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
96% 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
96% match
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, showing the relationship between petal length and petal width for three flower species (setosa, versicolor, and virginica), with each species distinguished by a distinct color. It also encodes sepal length and width as horizontal and vertical radii of the circular marks, adding extra dimensions to the display. The visualization loads data from a GitHub gist via `d3.csv`, uses `d3.scaleLinear` for axes, and renders SVG circles with `d3.axisLeft` and `d3.axisBottom`. The code imports D3 v6 from UNPKG and runs asynchronously to draw the chart.

Hharsha
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

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