Activity-6_Task-3.1

100%

Activity-6_Task-3.1

✓ Published1🌍 Public

HHarshathBudida@my.unt.edu

Last edited Apr 3, 2024

Created on Apr 3, 2024

This D3.js (v6) scatter plot visualizes the Iris dataset, plotting petal length against petal width with colored circles representing each species (setosa, versicolor, virginica). The visualization also encodes sepal measurements as the `rx` and `ry` attributes on the circles, though the standard radius remains fixed. The SVG is rendered full-window, with axes generated via `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom`. Data is loaded asynchronously from a CSV URL using `d3.csv`. Axis labels are styled in green Times font.

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 the relationship between petal length and petal width, with each point colored by species (setosa, versicolor, or virginica). The plot uses D3 v6, loading CSV data via `d3.csv` and creating a linear scale with `d3.scaleLinear` for both axes. The SVG visualization includes circles with fixed radius, axes generated by `d3.axisLeft` and `d3.axisBottom`, and misuses `rx` and `ry` attributes for circles. The plot is rendered full-window with margins, and axis labels are added as SVG text elements.

HHarshita Vairagade

95% match

Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, displaying petal length against petal width for individual flowers, with each point colored by species (setosa, versicolor, or virginica). The chart uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, map values to coordinates, and render axes. Data is fetched from a GitHub-hosted CSV file, and the visualization is drawn as an SVG with circle markers, including axis labels styled in green.

Ss.harshinisai01@gmail.com

95% match

Loading thumbnail…

Activty6_Task3_1

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with each species (setosa, versicolor, virginica) represented by a distinct color (skyblue, lightgreen, orange). The visualization uses D3 v6’s `csv` loader to fetch data from a GitHub raw URL, `scaleLinear` for both axes, and `axisLeft`/`axisBottom` to render ticks. SVG circles are positioned via `selectAll` and `join`, with styling based on parsed numeric columns for sepal and petal measurements. The code also includes custom axis labels for petal length and sepal length.

Ssriharshithaanugu5@gmail.com

95% 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

95% match

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

95% match

Loading thumbnail…

Activity 6_Task 3.2

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) in skyblue, lightgreen, or orange. The SVG rendering uses D3 v6’s `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, scale positions, and draw axes. Additional numeric values for sepal length and width are stored as `rx` and `ry` attributes on each circle, though the visible radius is fixed. The plot’s size adapts to the browser window using `window.innerWidth` and `window.innerHeight`.

DDipesh

95% match

Loading thumbnail…

Activity6_Task3

This scatter plot displays the Iris dataset, using petal length and petal width to position each flower, with colors distinguishing the three species (setosa, versicolor, and virginica). Additional sepal measurements are encoded as circle radii, though the visual range of this encoding is limited. The visualization is built with D3 v6, loading CSV data from a remote URL, and rendering SVG circles scaled via `scaleLinear` with axes generated by `axisLeft` and `axisBottom`. The code explicitly assigns circle attributes for position, fill color, and radius, and labels the axes for petal and sepal dimensions.

Aamarnadhkari98@gmail.com

95% match

Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, displaying petal length against petal width while coloring each point by species (setosa, versicolor, or virginica) using D3 v6. The code loads CSV data via `d3.csv`, applies linear scales with `d3.scaleLinear`, and renders SVG circles with axes generated by `d3.axisLeft` and `d3.axisBottom`. Data parsing converts numeric fields, and the chart fills the browser window with responsive dimensions. The visualization distinguishes species through custom color mapping and includes labeled axes for petal measurements.

HHari Kiran

95% match