Skip to main content
SimilarExport ZIP
100%

Fork of Activity 7 Scatter Plot

✓ Published0🌍 Public
Bbudalavijay2001@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024

This fork of Activity 7 displays the Iris dataset in a scatter plot, comparing sepal length against petal length. Points are colored by species using a custom color mapping in the `index.html` data preparation. The visualization is built with the Observable-style `d3` API, using `d3.scaleLinear` for axes and `d3.scaleOrdinal` for categorical colors. Data is loaded via `d3.csv` from a remote Gist, and the plot is rendered into an SVG container styled with CSS.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

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

Fork of Activity 6

This scatter plot visualizes the Iris dataset, plotting sepal length against petal length and distinguishing species by shape. The visualization uses D3 v7's `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` for shape encoding, and a custom legend. Data is loaded asynchronously via `fetch` and parsed with `csvParse`, with numeric fields converted to numbers. The plot renders using SVG `path` marks positioned by D3 scales.

Bbhargavipagolu2025@gmail.com
92% 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
91% 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
91% 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
91% match
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
90% 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
90% match
Loading thumbnail…

Fork of Activity 6_task 3.2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length with points colored by species. The chart uses D3 v7’s `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` to assign distinct shapes to each species, and a custom legend to map shapes to species names. Data is loaded from a remote CSV via `fetch` and parsed with `d3.csvParse`, with numeric fields coerced to numbers. The visualization updates reactively through a simple state management pattern, re-rendering the SVG on data arrival.

KKarnam Abinay Goud
90% match