Fork of Activity - 6_Task-3.1

100%

Fork of Activity - 6_Task-3.1

✓ Published1🌍 Public

Last edited Apr 6, 2024

Created on Apr 6, 2024

This scatter plot visualizes the Iris dataset, mapping petal length against petal width for individual flowers, with each point colored by species (setosa, versicolor, or virginica). The plot uses D3 v6 APIs including `csv` for data loading, `scaleLinear` for axes, and `axisLeft`/`axisBottom` for ticks, rendered as SVG circles. While the code also defines sepal dimensions and attempts to set `rx`/`ry` attributes on circles (which have no effect), the primary visualization clearly shows the petal measurement distribution. The data is fetched from a 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…

Fork of Fork of Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length and width for individual data points, with color coding by species (setosa, versicolor, virginica). The visualization uses D3.js v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load and parse the CSV data from a GitHub gist, then render SVG circles. Axes are labeled for petal length and sepal length, though the data mapping uses petal dimensions for positioning. The code also references additional properties like sepal measurements, which are not directly used in the final point placement.

Sshivakumarganji@my.unt.edu

95% match

Loading thumbnail…

Activity - 6_Task-3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width while coloring each point by species (setosa, versicolor, or virginica) with distinct fill colors. The plot is rendered as an SVG using D3 v6, loaded via UNPKG, and leverages the `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `join` APIs for data loading, scaling, axes, and circle placement. Data is fetched from a remote GitHub-hosted CSV file.

Pphanisrivinnakota@gmail.com

94% match

Loading thumbnail…

Fork of Activity-6_task3.1

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis, with points colored by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. The example loads CSV data via d3.csv, uses d3.scaleLinear for axis scaling, and d3.axisLeft/axisBottom for tick marks. Circles are rendered in SVG with d3.join, and each point’s radius is fixed, while sepal dimensions are encoded as rx and ry attributes, though these don’t affect the circular shape. Axis labels are added as SVG text elements, and the chart resizes to the browser window.

Aakitisaitejareddy@gmail.com

94% match

Loading thumbnail…

Activity - 6_Task-3

This scatter plot visualizes the Iris dataset, showing petal length against petal width with each point colored by species (setosa, versicolor, or virginica). It loads CSV data from a GitHub gist using the D3 v6 `csv` function. The visualization uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map the data to screen coordinates, renders circles as SVG marks, and includes rotated axis labels rendered as SVG text elements.

Pphanisrivinnakota@gmail.com

94% match

Loading thumbnail…

Fork of activity6_task3

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 code loads CSV data from a GitHub gist and parses it with D3’s `csv` function. It uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to position circles in an SVG, while also including unused sepal measurements as attributes. The visualization highlights species clusters through distinct fill colors applied via a switch statement.

NNIIPUNNREDDY00@GMAIL.COM

94% match

Loading thumbnail…

Fork of Activity6- Task3

This fork of Activity6 displays the Iris dataset as a scatter plot, plotting petal length against petal width. Individual points are colored by species—sky blue for setosa, light green for versicolor, and orange for virginica. Sepal length and width are represented visually through the `rx` and `ry` attributes on each circle, creating an ellipse-like shape, though both are set to the same radius value. The example uses D3 v6 APIs including `csv`, `select`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`. Data is loaded from a Gist-hosted CSV file, and the visualization is rendered as SVG.

Ppslharika@gmail.com

93% match

Loading thumbnail…

Fork of Activity 6_Task 3

This scatterplot visualizes the Iris dataset, mapping petal length and width for individual flowers, with points colored by species (setosa, versicolor, virginica). D3 v6 loads the CSV data, then uses scaleLinear and extent to set the x and y axes, while axisLeft and axisBottom add labels. The SVG circles receive computed coordinates and colors based on the parsed species field. The chart’s red title and green axis labels, positioned via rotation and translate, highlight the custom styling and data-derived encoding.

Aanusha.chilkamarri26@gmail.com

93% match

Loading thumbnail…

Fork of Activity 6 task 3.1

This interactive 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, or virginica). The visualization also encodes sepal length and width in the circle radius, though this behavior appears flawed as the code sets both `rx` and `ry` attributes without a clear geometric effect. Built with D3 v6, the example uses `d3.csv` to load remote data, `scaleLinear` and `extent` for scaling, and `axisLeft`/`axisBottom` for axes, rendering circles in an SVG canvas with a full-window viewport.

Ssagipavan2385@gmail.com

93% match