Skip to main content
SimilarExport ZIP
100%

Activity_6_Q3.1

✓ Published0🌍 Public
Ttarun.chintada46@gmail.com
Last edited Oct 23, 2024
Created on Oct 23, 2024
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis while coloring each point by species (setosa, versicolor, virginica). The SVG rendering uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the chart. The code loads CSV data directly from a GitHub repository via `d3.csv`, parses numeric fields, and encodes sepal measurements as the circle’s `rx` and `ry` attributes, though these do not affect the visible radius. Axis labels are added manually with rotated SVG text elements.

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-6_Task-3.1

This scatter plot visualizes the Iris dataset, showing petal length against petal width with points colored by species (setosa in skyblue, versicolor in lightgreen, and virginica in orange). The visualization uses D3 v6 APIs including `d3.csv` for data loading, `d3.scaleLinear` for the x and y axes, `d3.extent` to compute data domains, and `d3.axisLeft`/`d3.axisBottom` for axis rendering. The SVG is sized to the browser window, with data fetched from a GitHub-hosted CSV file. The code also stores sepal dimensions in each mark, though these are not used in the final rendered circles.

Hhoneyravuri.711@gmail.com
93% match
Loading thumbnail…

activity6_task3

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with points colored by species (setosa, versicolor, and virginica). The visualization encodes sepal length and width as the rx and ry attributes of each circle, creating elliptical markers whose dimensions vary with the data. Built with D3 v6, the code uses `d3.csv` to load data from a GitHub URL, `scaleLinear` and `extent` for scaling, and `axisLeft`/`axisBottom` for axes. Data is parsed from CSV columns into numeric values before rendering as SVG circles.

Sshivasaiamaravadi@gmail.com
93% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, plotting petal length against petal width, with each point colored by species (setosa, versicolor, or virginica) using D3 v6. The visualization loads CSV data from a GitHub repository, employing `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render axis scales. Circles are drawn via SVG selections, with fill colors determined by a switch statement on species, and the code also assigns `rx` and `ry` values from sepal measurements. The chart fills the browser window, with styled axis labels for petal and sepal lengths.

Ggroup118sai@gmail.com
93% match
Loading thumbnail…

Activity_6_Q3.2

This example demonstrates a scatter plot of the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with species represented by distinct symbol shapes. It uses D3 v7, importing APIs like `scaleLinear`, `scaleOrdinal`, `schemeCategory10`, and `symbol` via ES6 modules. Data is fetched from a GitHub-hosted CSV and parsed with `csvParse`. The plot includes labeled axes and a custom shape legend, rendered using a combination of joined SVG elements and D3’s data-join pattern.

Ttarun.chintada46@gmail.com
93% match
Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset by mapping petal length and petal width, with points colored by species (setosa, versicolor, virginica). Using D3 v6, the code loads CSV data with the `csv` function, creates axes with `axisLeft` and `axisBottom`, and applies `scaleLinear` for positioning. Circles are rendered via SVG selections, with an unusual use of `rx` and `ry` attributes based on sepal dimensions. The raw data comes from a GitHub-hosted CSV file.

VVidya Lakshmi Chitturi
93% match
Loading thumbnail…

Activity6_Task3.1

This 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, virginica) using skyblue, lightgreen, and orange. It also encodes sepal length and width as additional properties per circle. Built with D3 v6, the code uses `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and SVG circle elements. Data is loaded from a remote GitHub CSV, with axes and labels rendered into a full-window SVG.

Nnikhilthoutu24@gmail.com
93% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with points colored by species (setosa, versicolor, and virginica). The visualization uses d3.v6’s `scaleLinear`, `axisLeft`, and `axisBottom` to render axes, while `csv` loads the remote GitHub-hosted data. Circles are appended via data joins, with `cx` and `cy` positions scaled from the parsed numerical values, and fill colors assigned per species. The SVG renders full-window, with axis labels noting petal length and sepal length metrics despite the plot’s primary dimensions.

Rrakshithareddy217@gmail.com
93% match
Loading thumbnail…

activity6_task3

This scatter plot visualizes the Iris dataset, mapping petal width against petal length for individual flowers. Each circle is colored by species—sky blue for setosa, light green for versicolor, and orange for virginica—using D3 v6’s `scaleLinear`, `axisLeft`, and `axisBottom` APIs. The SVG rendering also encodes sepal dimensions via circle `rx` and `ry` attributes, though the visual effect is subtle due to a constant radius. Data loads from a GitHub-hosted CSV via `d3.csv`.

Ssravani1969@gmail.com
93% match