Skip to main content
SimilarExport ZIP
100%

ACTIVITY 7 TASK 4

✓ Published0🌍 Public
Ssuryavamsi00024
Last edited Jul 3, 2023
Created on Jul 3, 2023

This example visualizes the iris dataset as a scatter plot, mapping sepal length to the x-axis and petal length to the y-axis. Different species are distinguished through distinct symbol shapes, with a legend identifying each category. The visualization uses d3.csvParse to load and parse the data, then applies d3.scaleLinear for positioning, d3.scaleOrdinal with symbolsFill for shape encoding, and d3.axisLeft and d3.axisBottom for axes. A custom shape legend renders the categorical mapping for species.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 7 Task 4

This example shows a scatter plot of the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with species differentiated by marker shape. The D3 v7 code uses `scaleLinear`, `scaleOrdinal`, and `symbolsFill` to position points and assign shapes, while custom modules `axes.js` and `shapeLegend.js` add labeled axes and a species legend. Data is loaded from a remote CSV and parsed with `csvParse`.

MmNamratha25
91% match
Loading thumbnail…

Activity7 Task4

This example demonstrates a scatter plot of the Iris dataset, encoding sepal length on the x-axis, petal length on the y-axis, and species as categorical point shapes. The visualization loads data asynchronously from a CSV file and parses it with `d3.csvParse`. It uses `d3.scaleLinear` and `d3.scaleOrdinal` for scales, renders marks with the `d3.symbol` generator, and includes a custom shape legend built via a reusable ES6 module. Axes are drawn using `d3.axisLeft` and `d3.axisBottom` from a shared axes module.

HHarshithaAmbilpur
90% match
Loading thumbnail…

Activity 7 Task 4

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with each species distinguished by a unique symbol shape and a corresponding legend. The code uses D3 v7 modules including `scaleLinear`, `scaleOrdinal`, `schemeCategory10`, `symbolsFill`, and `symbol` to render marks. Axes are constructed via modular `axisLeft` and `axisBottom` functions, while data is loaded asynchronously with `csvParse` from a GitHub-hosted CSV file.

MMichael Biancardi
90% match
Loading thumbnail…

ACTIVITY 7_TASK4

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis with circles colored by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. The visualization also encodes sepal length and width as the circle’s rx and ry attributes, though the radii remain fixed at 5 pixels. Built with D3 v6, it loads CSV data via `d3.csv`, scales positions with `scaleLinear` and `extent`, and renders axes using `axisLeft` and `axisBottom` in an SVG.

Ssuryavamsi00024
89% match
Loading thumbnail…

Activity_7_Task_4

This scatterplot visualizes the Iris dataset, plotting sepal length against petal length while encoding species identity through point shape. The chart renders an SVG using D3 v7, with axes and scales built via `scaleLinear` and `axisBottom`/`axisLeft`. A custom shape legend using `scaleOrdinal` and `symbolsFill` distinguishes the three species, while data loads from a remote CSV and is parsed with `csvParse`. Markers are drawn as positioned `path` elements with `symbol` generators, and the visualization adapts to the full window size.

Ssreekarthanda@gmail.com
89% match
Loading thumbnail…

Activity7_task4_shape

This scatter plot visualizes iris flower measurements, encoding sepal length on the x-axis, petal length on the y-axis, and species as different symbol shapes. The plot uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` to generate the marks. A custom legend built with `shapeLegend` displays the species-to-shape mapping, while the `axes` module adds labeled axes. Data is loaded asynchronously from a CSV file on GitHub and parsed with `csvParse`.

HHemanthh81
89% match
Loading thumbnail…

Activity 7_Task 3

This scatter plot displays the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with species distinguished by different symbol shapes. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, `axisLeft`, and `axisBottom` to render marks, axes, and a custom shape legend. Data is loaded asynchronously via `fetch` and parsed with `csvParse` from a remote CSV file. The chart updates responsively to the browser window dimensions.

KKeerthiAnnem
88% match
Loading thumbnail…

Task4

This example shows a scatter plot of the iris dataset, displaying sepal length against petal length with species encoded by the shape of each data point. A legend maps each species to its corresponding symbol. The visualization loads the dataset from a remote CSV file using `d3.csvParse` and renders the plot using D3 v7 scales, axes, and symbol generators.

Ssaipaidipalli
88% match