Skip to main content
SimilarExport ZIP
100%

Fork of Activity 7 Scatter Plot

✓ Published0🌍 Public
MMohammed Abdul Mannan
Last edited Oct 31, 2025
Created on Oct 31, 2025

This scatter plot visualizes the Iris dataset, mapping petal length and width while encoding sepal dimensions through elliptical marker shapes and species via color (skyblue, lightgreen, orange). The D3.js v6 code loads CSV data, uses `scaleLinear` with `extent` for axes, and renders SVG circles with `rx`/`ry` attributes to reflect sepal measurements. Axis labels are added via SVG text elements, and the visualization fills the browser window using `window.innerWidth` and `window.innerHeight`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of 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, virginica) using a custom `marker` function. The visualization uses D3 v6’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` from the `d3` namespace to construct the plot. Data is loaded via `d3.csv` from a remote GitHub URL, with SVG circles rendered through the `join` API. The code also includes an attempt to set `rx` and `ry` attributes based on sepal dimensions, though the circles remain fixed at radius 5.

MMohammed Abdul Mannan
95% match
Loading thumbnail…

Fork of Activity 7 Scatter Plot

This scatter plot displays the Iris dataset, mapping petal length and petal width for individual flowers while coloring each point by species (setosa, versicolor, or virginica). The visualization uses D3 v6, fetching data via the `csv` function from a remote URL, then constructs the plot using `scaleLinear`, `axisLeft`, and `axisBottom`. Circles are rendered with SVG elements, and the code also references sepal dimensions through `rx` and `ry` attributes, although these do not affect the visual output.

Aabjalshaik02@gmail.com
95% match
Loading thumbnail…

Fork of Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes while encoding species with color-coded circles. Each point’s radius is fixed, but the SVG circle’s `rx` and `ry` attributes are redundantly set to sepal dimensions, though visually overridden by the uniform `r` value. The visualization uses D3 v6 to load CSV data, apply linear scales via `d3.scaleLinear`, and render axes with `d3.axisLeft` and `d3.axisBottom`. Axis labels are manually positioned, and the chart fills the browser viewport with margins.

Ccharanshiva769@gmail.com
94% match
Loading thumbnail…

Fork of Activity 7 Scatter Plot

This visualization displays the classic Iris dataset as a scatter plot, mapping petal length and width along the axes while also encoding sepal measurements through the horizontal and vertical radii of each circular marker. The three Iris species—setosa, versicolor, and virginica—are distinguished by fill color. Built with D3 v6, it uses `d3.csv` for data loading, `d3.scaleLinear` for axis scaling, and `d3.axisBottom` and `d3.axisLeft` for chart furniture, rendering in SVG with the `join` operator for circle generation.

Jjasthilavanya2022@gmail.com
93% match
Loading thumbnail…

Fork of Activity 7 Scatter Plot

A scatter plot visualizes the Iris dataset, showing petal length against petal width for each flower, with points colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica). The code, built with D3 v6, loads data via `d3.csv` from a GitHub gist, scales with `scaleLinear`, and renders SVG circles with `axisLeft` and `axisBottom`. It also stores sepal measurements in each point’s attributes but does not display them.

Pperamranji
93% match
Loading thumbnail…

Fork of Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, displaying petal length and width for individual flowers. Each point is colored by species, with skyblue for setosa, lightgreen for versicolor, and orange for virginica. The code loads CSV data via `d3.csv` and scales axes with `d3.scaleLinear`, using features such as `d3.extent` for domain calculation. It generates SVG circles and appends axes using `d3.axisLeft` and `d3.axisBottom`, along with custom text labels for axis annotations.

Ppardha1411
92% match
Loading thumbnail…

Fork of Activity6_question3

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes while coloring each point by species. It also encodes sepal measurements as the horizontal and vertical radii of the circular marks, though the visual effect is subtle. Built with D3 v6, the code loads CSV data via `d3.csv`, scales it with `d3.scaleLinear`, and renders SVG circles using `selectAll` and `join`. Axis labels are added with `axisLeft` and `axisBottom`. Data is sourced from a GitHub-hosted CSV file.

Ssuchigeneralpur@gmail.com
92% match
Loading thumbnail…

Fork of Activity 6 task 3.1

This interactive scatter plot visualizes the Iris dataset, mapping petal length and petal width on the x- and y-axes while coloring each point by species (setosa, versicolor, or virginica). The visualization also encodes sepal length and width in the circle radius, though this behavior appears flawed as the code sets both `rx` and `ry` attributes without a clear geometric effect. Built with D3 v6, the example uses `d3.csv` to load remote data, `scaleLinear` and `extent` for scaling, and `axisLeft`/`axisBottom` for axes, rendering circles in an SVG canvas with a full-window viewport.

Ssagipavan2385@gmail.com
91% match