Skip to main content
SimilarExport ZIP
100%

Task 8 Tutorial 3_2

✓ Published0🌍 Public
YYeshwanth963@gmail.com
Last edited Apr 9, 2024
Created on Apr 9, 2024
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

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

Task 8-Tutorial3.2

This visualization displays the Iris dataset as a scatter plot comparing sepal length against petal length, with each of the three flower species distinguished by a unique symbol shape. The plot includes labeled axes and a shape legend to identify species. The code uses D3 v7 APIs including `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbol`, `d3.symbolsFill`, and `d3.axisLeft`/`d3.axisBottom`. Data is loaded asynchronously from a CSV file and parsed with `d3.csvParse`, with numeric columns explicitly coerced.

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

Task 8_tutorial3.2

This scatter plot visualizes the Iris dataset, comparing sepal length against petal length for different iris species. The chart encodes each data point as a distinct shape, using the `d3.symbol` API with a `symbolsFill` scale to differentiate species, and includes a shape legend generated via `shapeLegend`. The visualization uses `d3.scaleLinear` for axes and `d3.scaleOrdinal` for species mapping, with custom axis and legend utilities built on D3's selection join pattern. Data is fetched as CSV from a GitHub repository and parsed with `d3.csvParse`.

LLakshmiPrasannaValdas@my.unt.edu
93% match
Loading thumbnail…

task-8(tutorial-3.2)

This example visualizes the Iris dataset as a scatter plot with distinct shapes for species, mapping sepal length to the x-axis and petal length to the y-axis. It uses d3.scaleLinear for both axes and d3.scaleOrdinal with symbolsFill to assign shape marks to each species, while a custom shape legend displays the mapping. The visualization loads data via fetch from a GitHub repository, parses it with d3.csvParse, and renders axes using d3.axisLeft and d3.axisBottom. ES6 modules demonstrate code organization across files.

DDivyaKota2@my.unt.edu
93% match
Loading thumbnail…

Task-8-Tutorial-3.2

This scatter plot visualizes the Iris dataset, showing the relationship between sepal length and petal length, with points shaped according to species. The chart uses d3.scaleLinear for axes and d3.scaleOrdinal with d3.symbolsFill to map species to distinct shapes, rendered via d3.symbol. A custom shape legend clarifies the species mapping. Data is loaded asynchronously from a CSV file hosted on GitHub, parsed with d3.csvParse, and rendered using D3’s join operation within a React starter framework.

Mmdadeebfarhaan@gmail.com
92% match