Skip to main content
SimilarExport ZIP
100%

Fork of Task 8 tutorial 3

✓ Published1🌍 Public
Vvchittimadha@gmail.com
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from 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.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

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
93% match
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
93% match
Loading thumbnail…

Task-8

This example visualizes the Iris dataset with a scatter plot, mapping petal length and width on the x- and y-axes while coloring each point by species (setosa, versicolor, and virginica). It uses D3 v6’s `csv`, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` APIs to load data, position circles, and render axes as SVG, with data sourced from a GitHub-hosted CSV. Colors are assigned via a switch statement, and axis labels are added as SVG text elements.

Ppraneeth7222@gmail.com
92% match
Loading thumbnail…

Fork of Activity6_Task3_Tutorial 3.1

This example visualizes the Iris dataset as a scatter plot, mapping petal length and width on the axes while coloring each circle by species. It uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` to load data, scale coordinates, and render SVG marks. The circles also store sepal measurements in `rx` and `ry` attributes, though these do not affect the visual radius. Data is fetched from a GitHub raw CSV URL, and the full-page SVG adapts to the browser window size.

Nnavyabade05@gmail.com
92% match
Loading thumbnail…

Fork of Activity6_Task3_Tutorial 3.1

This example visualizes the Iris dataset as a scatter plot, mapping petal length and width on the axes while coloring each circle by species. It uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` to load data, scale coordinates, and render SVG marks. The circles also store sepal measurements in `rx` and `ry` attributes, though these do not affect the visual radius. Data is fetched from a GitHub raw CSV URL, and the full-page SVG adapts to the browser window size.

Nnavyabade05@gmail.com
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 example visualizes the Iris dataset as a scatter plot, mapping petal length and width along the axes while coloring each point by species. The D3.js code (v6) loads CSV data, applies linear scales, and renders SVG circles with a fixed radius. It uses `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` to build the chart, with species-specific colors assigned via a switch function. The visualization fills the browser window and includes custom axis labels.

PPadmajaKodati@my.unt.edu
91% match
Loading thumbnail…

Task 8 tutorial 3

This scatter plot visualizes the Iris dataset, distinguishing three flower species with colored circles: skyblue for setosa, lightgreen for versicolor, and orange for virginica. The chart plots petal length on the x-axis and petal width on the y-axis, while also encoding sepal length and sepal width as non-standard circle attributes. Built with D3 v6, it uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map data values to SVG coordinates. The code loads CSV data from a GitHub gist and renders circles with fixed radius of 5 pixels on an SVG canvas.

Vvchittimadha@gmail.com
91% match