Skip to main content
SimilarExport ZIP
100%

Activity6_Task3

✓ Published0🌍 Public
SShiva Sai Reddy
Last edited Oct 25, 2024
Created on Oct 25, 2024
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width. Each circle represents one flower, colored by species (setosa, versicolor, or virginica) via a switch statement in the `marker` function. The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` for axes and data loading. The plot dynamically sizes to the browser window and renders SVG circles with a radius of 5 pixels, reading data from a remote GitHub-hosted CSV file.

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

This scatter plot visualizes the Iris dataset, showing petal length against petal width, with points colored by species: setosa, versicolor, and virginica. The visualization uses D3 v6 to load CSV data and render circles on an SVG canvas, with axis labels for petal length and sepal length. Axes are generated using `d3.axisLeft` and `d3.axisBottom`, while the data is scaled with `d3.scaleLinear` and `d3.extent`. The plot is built entirely with D3 selections, appending circles and text elements directly to the SVG.

DDipesh
95% match
Loading thumbnail…

Activity6_Task3

This scatter plot displays the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis. Each circle represents a flower, color-coded by species: sky blue for setosa, light green for versicolor, and orange for virginica. The visualization loads data from a CSV URL and renders using D3 version 6.7.0, employing `d3.csv` for data fetching, `scaleLinear` for axes, and `axisBottom` and `axisLeft` for chart labels. The SVG canvas is sized to the browser window, with axes and a titled header.

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

Activity6_task3

This scatter plot visualizes the Iris dataset, showing petal length against petal width, with each circle colored by species (setosa, versicolor, or virginica). The SVG visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`, loading data from a GitHub-hosted CSV file. Scales map the data domain to pixel ranges, while circles are joined via `selectAll` and `join`. Axis labels and colored points are rendered in a full-window responsive layout.

Ssaibharath7thota@gmail.com
95% match
Loading thumbnail…

Activity6_Task3

This interactive scatter plot visualizes the Iris dataset, showing petal length against petal width while color-coding points by species (setosa, versicolor, and virginica). The visualization uses D3 v6’s `scaleLinear`, `axisLeft`, and `axisBottom` functions to render axes, with data loaded via `d3.csv` from a GitHub-hosted CSV file. Each circle’s position corresponds to petal dimensions, while its fill color maps to species through a custom marker function. The SVG output also includes rotated axis labels and a red-styled title, with data parsed from the CSV’s numeric columns.

Gguttavenkata745@gmail.com
95% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, displaying petal length against petal width for individual flowers. The visualization, built with D3 v6 and rendered as an SVG, uses colored circles to distinguish between the three Iris species: setosa, versicolor, and virginica. The code loads data from a CSV file and applies the `d3.scaleLinear` API for both the x and y axes, with `d3.axisLeft` and `d3.axisBottom` for the chart’s labeled axes.

Ggouthamigongidi2457@gmail.com
95% match
Loading thumbnail…

Activity6_Task 3.1

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width, with each point colored by species (setosa, versicolor, or virginica) using a custom marker function. The visualization, rendered as an SVG using D3 v6, loads data from a remote CSV file via `d3.csv`, scales axes with `scaleLinear` and `extent`, and draws circles with attributes mapped from sepal measurements. Axis labels are added via `axisLeft` and `axisBottom`, and text elements are rotated to label the y-axis.

Ssaisnehapalle@my.unt.edu
95% match
Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset, mapping petal length and petal width as x and y coordinates while coloring each point by species (setosa, versicolor, or virginica). It loads CSV data from a GitHub URL and renders circles with D3 v6, using `d3.csv`, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` to construct axes. The SVG-based visualization labels both axes and includes a fixed point radius, with species-specific colors applied via a switch statement.

Vvemulasai306@gmail.com
95% match