Skip to main content
SimilarExport ZIP
100%

Task8_tutorial3.2

✓ Published0🌍 Public
Ppranayrajana.97@gmail.com
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Hello VizHub

This interactive scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis against petal length on the y-axis. Each data point’s shape encodes the flower species, with a legend identifying the three categories. The visualization, built with d3.v7 and the d3.scaleLinear, d3.scaleOrdinal, and d3.symbol APIs, renders SVG marks and axes, loading data from a CSV file via d3.csvParse. The plot updates dynamically as the browser window is resized, with axes and legend drawn using custom modules that leverage d3.axisBottom, d3.axisLeft, and d3.symbol.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Task8_tutorial3

A scatter plot of the Iris dataset, colored by species (setosa, versicolor, virginica), maps petal length on the x-axis and petal width on the y-axis. The code uses D3 v6 with `scaleLinear`, `axisBottom`, and `axisLeft` to render axes, while `circle` elements are positioned via `x` and `y` scales. Data is loaded asynchronously via `d3.csv` from a GitHub gist, and each point’s color is assigned by a `switch` statement. The visualization also references sepal length and width values, though these do not affect the plotted coordinates.

Ppranayrajana.97@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
93% match
Loading thumbnail…

Task8_Tutorial2

This interactive scatter plot displays the relationship between sepal length and petal length for three iris species, using distinct symbols to differentiate species categories. The visualization loads the Iris dataset from a remote CSV, parses it with `csvParse`, and renders the plot using D3 v7’s `symbol` generator and `scaleOrdinal`. It includes custom axes with labels and a shape legend positioned on the right. The code demonstrates reusable D3 modules for scatter plotting, axis drawing, and legend rendering, highlighting how to structure modular visualizations with data-driven joins and asynchronous state management.

Ppravallikaratankanthkatragadda@my.unt.edu
93% 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
92% 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
92% 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
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…

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