Skip to main content
SimilarExport ZIP
100%

Activity 7

✓ Published1🌍 Public
KKrishna.
Last edited Nov 2, 2025
Created on Nov 2, 2025
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 7

This scatterplot visualizes the Iris dataset, plotting sepal width against sepal length for three flower species. The D3.js chart uses separate colors for setosa, versicolor, and virginica, with circles for each data point. Interactive tooltips display species and values on hover, while an axis legend identifies the species. Built with d3.v7, it loads CSV data from a remote URL and uses scaleOrdinal for colors and scaleLinear for axes. The SVG rendering includes a responsive layout that adjusts to window size, with axes, labels, and a legend.

NNithish Karanam
92% match
Loading thumbnail…

Activity_7.1

This animated scatter plot visualizes the Iris dataset, cycling through four flower measurements (petal width, sepal width, petal length, sepal length) on the x-axis while keeping sepal length on the y-axis. Each species is color-coded with a legend. The visualization uses D3 v6 (d3.csv, d3.scaleLinear, d3.axisLeft, d3.axisBottom) to render SVG circles that update on a setInterval timer. Data is loaded from a GitHub-hosted CSV file, with the axes and plot redrawing for each dimension cycle.

PPreethamreddyannavaram@my.unt.edu
92% match
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
91% match
Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width for each sample while coloring points by species (setosa, versicolor, virginica) with distinct hues. The visualization loads CSV data via `d3.csv`, scales axes using `scaleLinear` and `extent`, and renders circles as SVG elements with `selectAll`/`join`. Axis labels and ticks are generated with `axisLeft` and `axisBottom`. The code also attaches computed sepal dimensions to each point via `rx` and `ry` attributes, though circles render with a fixed `radius`.

Ssaikrishnabussa
91% 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
91% 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
91% match
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
91% 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
91% match