Activity

100%

✓ Published0🌍 Public

Last edited Mar 26, 2025

Created on Mar 26, 2025

This example shows a scatter plot of iris flower measurements, with sepal width on the x-axis and sepal length on the y-axis, using blue circles with black outlines. The visualization is built with D3 v6, loading data from a CSV file via `d3.csv`, and rendering axes with `d3.axisBottom` and `d3.axisLeft`. Points are positioned using `d3.scaleLinear` for both scales, and the SVG includes labeled axes. The data is parsed as numeric values before plotting, and the chart is initialized through a `scatterPlot` function that appends a new SVG to the page.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity_7 scatter plot

This scatterplot uses the classic Iris dataset to display the relationship between sepal width and sepal length. It is built with D3.js v7 using an SVG rendering approach, where each flower sample is represented as a small steel-blue circle. The chart implements a reusable `Scatterplot` function that accepts accessor functions and axis labels, allowing for flexible data mapping. Data is loaded via `d3.csv` from a remote gist, and axes are generated using `d3.axisBottom` and `d3.axisLeft` with linear scales.

Ssreejabommineni1506@gmail.com

90% match

Loading thumbnail…

Activity 7

This scatter plot visualizes the Iris dataset, showing sepal width on the x-axis against sepal length on the y-axis. Each point represents a flower sample, colored by species using d3.scaleOrdinal with d3.schemeSet2, while tooltips display species and measurement details on mouseover. The code uses d3.axisBottom and d3.axisLeft for axes, d3.extent for domain calculation, and loads data from a CSV file fetched via URL. Point markers are rendered as SVG circles with interactive event handlers.

KKrishna.

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

90% match

Loading thumbnail…

Activity_6_3_2

This example shows a scatter plot of iris flower measurements, encoding sepal length on the x-axis, petal length on the y-axis, and species as point shapes. It loads the Iris dataset from a CSV file and parses it with `d3.csvParse`. The visualization uses `d3.scaleLinear` for positional scales and `d3.scaleOrdinal` with `d3.symbolsFill` to map species to distinct marker shapes. Axes and a custom shape legend are drawn using D3 selections, with `d3.axisLeft`, `d3.axisBottom`, and `d3.symbol` generators.

LLarry Johnson

89% match

Loading thumbnail…

Activity 6 tutorial 3.2

This scatter plot visualizes Iris flower measurements, plotting sepal length against petal length, with points colored and shaped according to species. The visualization loads its data from a CSV file fetched from GitHub and renders using D3 v7’s `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs. Interactive axes and a shape legend are generated via custom `axisLeft`, `axisBottom`, and legend functions, while the chart updates dynamically as data is parsed and state changes are processed through `csvParse` and `setState`.

BBamanGayathri

89% match

Loading thumbnail…

Activity6_3.2

This scatter plot visualizes Iris flower measurements, plotting sepal length against petal length while using different shapes to distinguish between species. The visualization loads the Iris dataset from a remote CSV file using `csvParse`, then renders the points with `d3.symbol` glyphs. A shape legend identifies each species, while `d3.scaleLinear` and `d3.scaleOrdinal` handle the continuous axes and categorical shape mapping. The chart includes labeled axes and a legend positioned within the SVG canvas.

Nnumitha

89% match

Loading thumbnail…

Activity6_Task3.2

This example shows a scatter plot of iris flower measurements, mapping sepal length to the x-axis, petal length to the y-axis, and encoding species with different symbol shapes. The visualization includes labeled axes generated with `d3.axisLeft` and `d3.axisBottom`, plus a custom shape legend built from `d3.symbol` with `symbolsFill`. Data loads asynchronously from a CSV file via `d3.csvParse`, and the plot uses `d3.scaleLinear` and `d3.scaleOrdinal`, with marks rendered as SVG paths via `symbolGenerator`.

CChandra Prakash Reddy Kalwakolu

89% match

Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping sepal length and width on the axes while coloring each point by species. The visualization uses D3 v6 APIs including `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`. Each flower is rendered as an SVG circle with a fixed radius, positioned according to petal length and width, while sepal dimensions and species determine the circle’s fill color. Data is loaded from a remote CSV file on GitHub, and the SVG canvas fills the browser window.

Hharsha13638@gmail.com

88% match