Skip to main content
SimilarExport ZIP
100%

Task8_Tutorial3.2

✓ Published0🌍 Public
AAnilKumarReddyVanteru@my.unt.edu
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from Hello VizHub

This scatter plot visualizes the iris dataset, mapping sepal length and petal length along the x- and y-axes, with each point’s shape encoding the species of iris. The visualization is built with D3 v7, using the `scaleLinear`, `extent`, `symbolsFill`, and `symbol` APIs to position marks and generate a shape legend. Axes and their labels are rendered via `axisLeft` and `axisBottom`, while data is fetched from a remote CSV and parsed with `csvParse`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Task8_Tutorial3

A scatter plot of the Iris dataset shows petal length against petal width, with each point colored by species (setosa, versicolor, and virginica). The visualization uses D3 v6, loading data from a CSV via `d3.csv`, and maps the x and y axes using `scaleLinear`. Circles are drawn with SVG `<circle>` elements, where the `rx` and `ry` attributes are set from sepal measurements, though the visual remains a standard circle. Axis labels are added manually with SVG text, and axes are rendered using `axisLeft` and `axisBottom` onto the SVG canvas.

AAnilKumarReddyVanteru@my.unt.edu
94% match
Loading thumbnail…

Task8_Tutorial3.2

This example shows a scatter plot of iris flower measurements, comparing sepal length on the x-axis against petal length on the y-axis, with each of the three species distinguished by a unique symbol shape and accompanied by a custom shape legend. The visualization is rendered using D3 v7, with axes generated via the `axisLeft` and `axisBottom` functions and marks drawn using `symbol()` with `symbolsFill` and a `scaleOrdinal` mapping species to shapes. Data is loaded from a remote CSV file and parsed with `d3.csvParse`, while the chart layout adapts to the full window size.

AAnilKumarReddyVanteru@my.unt.edu
94% match
Loading thumbnail…

Task8_Tutorial3.2

This scatter plot displays the Iris dataset, plotting sepal length against petal length and using different point shapes to distinguish between the three iris species. The visualization uses D3 v7 to create the plot, with a categorical shape scale assigning distinct symbols (from `symbolsFill`) to each species. Axes are rendered using D3's `axisLeft` and `axisBottom` functions, while a custom legend wizard communicates the shape-to-species mapping. Data is fetched asynchronously from a remote CSV file and parsed with `csvParse` before being passed to the chart.

Jjyothirmaijyothi2017@gmail.com
93% match
Loading thumbnail…

Task8_Tutorial3.2

This visualization displays an interactive scatter plot of the Iris dataset, mapping sepal length against petal length. Each of the three iris species is represented by a distinct symbol shape, with a custom legend identifying the species categories. The implementation uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, and `symbol` to generate the marks, while `axisLeft` and `axisBottom` render the labeled axes. Data is loaded asynchronously from a CSV file via `csvParse` and rendered within a full-window SVG canvas.

KKeerthi
92% match
Loading thumbnail…

Task8_tutorial3

This scatter plot visualizes the Iris dataset, showing the relationship between sepal length and petal length. Each point is shaped according to the iris species—setosa, versicolor, or virginica—with a legend mapping shapes to species. Built with D3 v7, the code uses `scaleLinear` and `scaleOrdinal` to map data to positions and shapes, while `axisLeft` and `axisBottom` render the axes. Data is loaded via `fetch` and parsed with `csvParse`.

Ppogirimayoor@gmail.com
91% match
Loading thumbnail…

Task8_Tutorial3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes, with each point colored by species (setosa, versicolor, virginica). The plot uses D3 v6.7.0’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to construct the chart, which is rendered as an SVG. Data is loaded from a remote CSV using D3’s `csv` helper, and circles are positioned with attributes for `cx`, `cy`, and fill color, though the code also encodes non-visual sepal measurements in unused `rx` and `ry` properties.

Sshraehithareddy@gmail.com
91% match
Loading thumbnail…

Task 8 tutorial 3.2

This scatter plot displays the relationship between sepal length and petal length for iris flowers, with species encoded through different symbol shapes. It uses D3 v7's `scaleLinear`, `scaleOrdinal`, and `symbolsFill` to map data to positions and shapes. The visualization fetches the iris dataset from a GitHub-hosted CSV file, parses it with `csvParse`, and renders axes via `axisLeft` and `axisBottom`, alongside a custom legend built with `symbol()`.

Vvchittimadha@gmail.com
91% match
Loading thumbnail…

Task 8 Tutorial 3_2

This visualization displays the Iris dataset as a scatter plot of sepal length against petal length, with three iris species distinguished by different point shapes and a shape legend. The plot uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, `symbol`, and `axisLeft`/`axisBottom` to render axes and markers. Data is loaded asynchronously from a CSV file using `csvParse` and fetched from a GitHub repository. The visualization adapts to the full browser window size.

YYeshwanth963@gmail.com
91% match