Skip to main content
SimilarExport ZIP
100%

Activity-6 Task-3.2

✓ Published0🌍 Public
KKavyaEti
Last edited Oct 25, 2024
Created on Oct 25, 2024
Forked from Hello VizHub

This example shows a scatter plot of the Iris dataset, plotting sepal length against petal length with points shaped by species. It uses D3 v7 modules including `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbol` with `symbolsFill` for shape encoding, and custom `axes` and `shapeLegend` functions. Data is fetched as CSV from a GitHub repository and parsed with `d3.csvParse`. The visualization updates responsively to the window size, with a legend positioned at a fixed coordinate.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task3.2

This example demonstrates a scatter plot of the Iris dataset, showing sepal length versus petal length with different point shapes representing species. The visualization loads data from a GitHub-hosted CSV file, parses it with `d3.csvParse`, and renders points using D3 v7's `scaleLinear`, `scaleOrdinal`, and `symbol` generators. A custom shape legend, implemented as an ES6 module, displays the three species with matching symbols. Axes are drawn using `axisLeft` and `axisBottom`, with labels positioned via D3 selection methods.

Gguttavenkata745@gmail.com
95% match
Loading thumbnail…

Activity 6 Task 3.2

A scatter plot of the Iris dataset displays sepal length versus petal length, with points shaped by species. The visualization uses D3 v7's `scaleLinear`, `scaleOrdinal`, `symbol`, and `symbolsFill` to map data values and render distinct mark types, while a custom legend explains the shapes. Axes are drawn with `axisLeft` and `axisBottom`. Data is loaded asynchronously from a GitHub-hosted CSV and parsed with `csvParse`.

RRukmini Devi Y
94% match
Loading thumbnail…

Activity6_task3.2

This example shows a scatter plot of the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with species indicated by different symbols and a legend. The visualization loads the data from a GitHub CSV file, parses it with `d3.csvParse`, and uses D3 v7’s `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbolsFill`, and `d3.axisBottom`/`d3.axisLeft` for scales and axes. The code employs a `join`-based declarative grammar to build SVG elements, with a custom `shapeLegend` for symbol encoding. The plot adapts to the window size and updates dynamically as data loads.

RRJVENKATESH789@GMAIL.COM
94% match
Loading thumbnail…

Activity8_Task3_2

This example presents a scatter plot of the Iris dataset, showing sepal length on the x-axis and petal length on the y-axis, with points shaped according to species. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `symbolsFill` for categorical shapes, and `d3.symbol` to generate the point glyphs. A custom legend uses `d3.symbol` similarly. The data is loaded asynchronously via `fetch` and parsed with `d3.csvParse`, then rendered into an SVG using declarative joins.

LLakshmi Keerthi
94% match
Loading thumbnail…

Activity6 Task3.2

This example demonstrates a scatter plot of the Iris dataset, visualizing sepal length against petal length with points colored and shaped by species. It uses D3 v7’s `scaleLinear`, `scaleOrdinal`, `symbol`, and `axisLeft`/`axisBottom` APIs to render axes and a shape legend. Data is loaded from a remote CSV via `csvParse` and rendered as SVG paths, with a custom legend showing the species categories. The visualization updates dynamically when the window size changes.

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

Activity-6 Task-3.2

This visualization displays a scatter plot of the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis. Each point is rendered as a distinct symbol shape representing the species of iris flower. The chart uses D3.js v7 with `scaleLinear` for the axes, `scaleOrdinal` with `symbolsFill` for shape encoding, and a custom legend showing the species symbols. Data is loaded as CSV and parsed with `csvParse` before being plotted.

Bbhargavireddy4016@gmail.com
94% match
Loading thumbnail…

Activity6_Task3.1

This example shows an interactive scatter plot of the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with each species represented by a distinct symbol shape. The visualization uses D3.js v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbolGenerator` to render the marks, while a custom shape legend displays the species categories. Data is loaded asynchronously from a GitHub-hosted CSV file using `fetch` and parsed with `csvParse`, with numerical fields coerced to numbers before plotting. The chart includes labeled axes and a legend, all rendered within an SVG canvas sized to the full viewport.

Bbudalavijay2001@gmail.com
93% match
Loading thumbnail…

Activity6_Task3.2

This example displays a scatter plot of the Iris dataset, showing sepal length against petal length with points colored and shaped by species. It loads the CSV from a GitHub repository using `d3.csvParse`. The visualization uses D3 v7 scales including `scaleLinear` and `scaleOrdinal` with `symbolsFill` to differentiate species, while a custom legend built with `symbolGenerator` lists the categories. Axes are generated via `axisLeft` and `axisBottom` with explicit labels for each measurement.

Bbudalavijay2001@gmail.com
93% match