Skip to main content
SimilarExport ZIP
100%

Activity6_Task3

✓ Published2🌍 Public
Ssaimanvith22@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, mapping petal length and sepal length along the x- and y-axes while coloring each point by species (setosa, versicolor, or virginica). The SVG chart uses D3 v6 scaling via `scaleLinear`, `extent` for domains, and `axisLeft`/`axisBottom` for labeled axes. Circle marks are generated with `selectAll` and `join`, and colors are assigned using a switch-based marker function. Data is loaded as CSV from a GitHub repository, with the page sized to the full window.

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 on the x-axis and petal width on the y-axis, while coloring each circle by species (setosa, versicolor, and virginica). The chart displays all 150 data points using SVG circles, with species-specific colors applied via a switch function. Built with D3 v6, the visualization uses `d3.csv` to load data from a GitHub-hosted CSV, `scaleLinear` for axes, and `axisLeft`/`axisBottom` for tick marks. Axis labels are styled with green text for petal length and sepal length.

Ddineshreddy.ravula@gmail.com
96% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length and width on the axes while coloring each point by species (setosa, versicolor, or virginica). It uses D3 v6 with scaleLinear for scales, extent for domains, and axisLeft/axisBottom for ticks. The SVG is sized to the full window, and circles are joined via selectAll and data. The plot also misapplies rx/ry attributes to circles, which have no visual effect. Data loads from a GitHub-hosted CSV via d3.csv.

Ssaishruthik2361@gmail.com
96% match
Loading thumbnail…

Activitity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, or virginica). The visualization uses d3.csv to load data, d3.scaleLinear for both axes, and d3.axisLeft and d3.axisBottom to render ticks. Circles are drawn via SVG selection joins with the fill color determined by a species-based marker function. The chart includes labeled axes for petal length and sepal width, rendered in green text within a full-window SVG.

GGunna,Praneeth Reddy
96% match
Loading thumbnail…

Activity6_Task3.1

A scatter plot of the Iris dataset displays petal length and width, with each point colored by species (setosa, versicolor, virginica) using a fixed color mapping. The visualization is rendered as SVG via D3 v6, using `scaleLinear` for axes and `axisLeft`/`axisBottom` to draw ticks. Data is loaded as CSV from a GitHub repository, parsed with `csv`, and circles are bound to marks with `selectAll` and `join`. The code also references sepal dimensions in the data but does not use them in the plot.

UUday Vandanapu
96% 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
96% match
Loading thumbnail…

Activity 6_Task-3

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, or virginica) and sized by sepal measurements. Built with D3 v6, the SVG rendering uses scaleLinear for axes, axisBottom and axisLeft for ticks, and the csv loader to fetch data from a GitHub gist. Circles are appended via selectAll and data joins, with markers assigned through a switch statement on species.

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

Activity6_Task3

This scatter plot visualizes the iris dataset, showing petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, or virginica). The visualization uses D3.js v6, loading data from a GitHub CSV file via `d3.csv`. It employs `d3.scaleLinear` for both axes, `d3.extent` for domain calculation, and `d3.axisLeft` and `d3.axisBottom` for chart axes. The SVG circles have a fixed radius but their `rx` and `ry` attributes are set to sepal measurements, though these do not affect circular rendering.

KKondreddy Saikiran reddy
96% match