Skip to main content
SimilarExport ZIP
100%

Fork of Task-8(Tutorial-3)

✓ Published0🌍 Public
Ttallurisaiteja96@gmail.com
Last edited Apr 9, 2024
Created on Apr 9, 2024
Forked from Task-4(Tutorial-3)

This scatter plot visualizes the Iris dataset, mapping petal length and width for each sample while coloring points by species (setosa, versicolor, and virginica). The visualization uses D3 v6's `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the axes, with circle elements rendered via SVG. Data is loaded asynchronously from a GitHub-hosted CSV file using D3's `csv` function, and the chart dimensions adapt to the browser window size.

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 Task-8(Tutorial-3)

This scatter plot visualizes the Iris dataset, mapping petal length and width for each sample while coloring points by species (setosa, versicolor, and virginica). The visualization uses D3 v6's `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the axes, with circle elements rendered via SVG. Data is loaded asynchronously from a GitHub-hosted CSV file using D3's `csv` function, and the chart dimensions adapt to the browser window size.

Ttallurisaiteja96@gmail.com
100% match
Loading thumbnail…

Task-8(Tutorial-3)

This example renders a scatter plot of the Iris dataset, mapping petal length and width to the x- and y-axes while coloring each point by species (setosa, versicolor, or virginica). The SVG visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` to load data from a GitHub-hosted CSV file, compute scales, and draw circles with a fixed radius. Axis labels are added as rotated text elements, and the chart fills the browser window with explicit margins.

Ttallurisaiteja96@gmail.com
93% match
Loading thumbnail…

Fork of Task 8 tutorial 3

This example visualizes the Iris dataset as a scatter plot, mapping petal length and width to the x- and y-axes while coloring each point by species. The code uses D3 v6 with the `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to load and scale the data, then renders SVG circles with custom fill colors for setosa, versicolor, and virginica. The visualization also includes rotated axis labels for petal length and sepal length, with the plot sized to fill the browser window.

Vvchittimadha@gmail.com
93% match
Loading thumbnail…

Task8_Tutorial3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width to the x- and y-axes. Points are colored by species (setosa, versicolor, virginica) using a manual switch statement. The visualization is created with D3 v6, using `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` for axes. Data is loaded from a remote CSV via `d3.csv`, and circles are rendered in SVG, with sepal dimensions also encoded but not visually used.

KKeerthi
92% match
Loading thumbnail…

Task 8 tutorial 3

This scatter plot visualizes the Iris dataset, mapping petal length and width on the axes, with points colored by species (setosa, versicolor, and virginica). The chart uses D3 v6’s `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to load data from a GitHub-hosted CSV and render the SVG. In addition to the petal measurements, the code accesses sepal length and width values, though these are not plotted in the visible marks. The visualization includes custom-styled axis labels and colored circles with a fixed radius.

YYeshwanth963@gmail.com
92% match
Loading thumbnail…

Fork of Fork of Activity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length against petal width, with each point colored by species (setosa, versicolor, or virginica) via a simple switch function. The visualization uses d3.csv to load remote CSV data, then d3.scaleLinear with extent domains to map values to screen coordinates, and d3.axisLeft and d3.axisBottom for labeled axes. Circles are rendered as SVG elements with fixed radius via d3.selectAll().join(), while sepal length and width are stored as unused data fields. The plot fills the browser viewport, with green axis titles rotated vertically for the y-axis.

Aaschowdary.shashi@gmail.com
92% match
Loading thumbnail…

fork of activity6_task_3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width while coloring each point by species—skyblue for setosa, lightgreen for versicolor, and orange for virginica. The D3 v6 code loads CSV data from a GitHub URL, uses scaleLinear with extent for axes, and renders circles with SVG. Axis labels clarify petal length and sepal length, with d3.axisLeft and d3.axisBottom providing tick marks.

JJaswanthkota@my.unt.edu
92% 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
92% match