Skip to main content
SimilarExport ZIP
100%

Activity6_Task3

✓ Published2🌍 Public
Aasimcyb@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

This example presents a scatter plot of the Iris dataset, visualizing petal length and width for different species. The plot uses colored circles (skyblue, lightgreen, orange) to distinguish between setosa, versicolor, and virginica flowers, with each point’s size reflecting sepal dimensions via the `rx` and `ry` attributes. Built with D3 v6, it loads CSV data from a GitHub repository, uses `scaleLinear` and `extent` for axis scaling, and renders axes with `axisLeft` and `axisBottom`. The SVG output includes labeled axes and a centered title.

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…

Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length and width for individual flowers while coloring points by species (setosa, versicolor, virginica) using an SVG circle per data row. D3 v6 loads CSV data via `d3.csv` from a GitHub raw URL, then applies `scaleLinear` and `extent` to position marks, with `axisLeft` and `axisBottom` generating labeled axes. The code also binds sepal measurements to circle radius attributes via `rx` and `ry`, though visual scaling is not applied.

KKhushi Desai
96% match
Loading thumbnail…

Activity 6_task 3

This scatter plot visualizes the Iris dataset, showing petal length against petal width for individual flowers, with points colored by species (setosa in skyblue, versicolor in lightgreen, and virginica in orange). The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data from a GitHub-hosted CSV, map values to screen coordinates, and render an SVG with labeled axes. Each circle’s radius is fixed at five pixels, though the code also computes sepal dimensions as additional metadata.

Jjampani921@gmail.com
96% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis. Each circle represents a flower, colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica) using a custom mapping function. Built with D3 v6, the example loads data via `d3.csv` from a GitHub URL, scales axes with `scaleLinear` and `extent`, and renders SVG circles with `select` and `.join`. Axis labels and ticks are added with `axisLeft` and `axisBottom`.

Ssatvikreddy79@gmail.com
96% 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
96% match
Loading thumbnail…

Activity6_Task3.1

This example visualizes the Iris dataset as a scatter plot, displaying petal length and petal width on the axes while coloring each point by species (setosa, versicolor, or virginica). It also encodes sepal length and width as the x- and y-radii of the circular markers. The visualization loads CSV data from a GitHub gist, uses D3 v6 modules including `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select`, and renders all marks as SVG circles. Axis labels are green, and the plot resizes to the full browser window.

Rrakesh.kavuru@outlook.com
96% match
Loading thumbnail…

Activity6_Task3

This interactive scatter plot visualizes the Iris dataset, displaying petal length against petal width with points colored by species (setosa in skyblue, versicolor in lightgreen, and virginica in orange). The visualization loads CSV data from a GitHub gist using d3.csv, then renders circles using d3.scaleLinear axes and d3.axisLeft/axisBottom. Each circle's radius is fixed, though the code also stores sepal measurements as rx/ry attributes, and the SVG output is generated with D3 v6, filling the browser window.

Vvamsikrishnakanchukommala@my.unt.edu
96% match
Loading thumbnail…

Activity6_Task3.1

This example shows a scatter plot of the Iris dataset, mapping petal length to the x-axis and petal width to the y-axis. It colors each point by species—setosa in skyblue, versicolor in lightgreen, and virginica in orange—while also encoding sepal length and width as additional shape properties on each circle. The visualization loads data from a CSV via a GitHub gist, uses D3 v6 modules such as `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for scales and axes, and renders circles in an SVG. Axis labels are added for petal and sepal length.

KKondreddy Saikiran reddy
96% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length against petal width for individual flowers. Points are colored by species—sky blue for setosa, light green for versicolor, and orange for virginica—using D3.js v6. The code loads CSV data from a GitHub repository and uses `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom` to create the axes. It renders as an SVG, with circles positioned by the scaled petal measurements and styled via a switch statement on the species field. The plot includes custom axis labels in green.

Bbhargavr016@gmail.com
96% match