Skip to main content
SimilarExport ZIP
100%

Activity 6 Tutorial 3.2

✓ Published1🌍 Public
BBharath Vupputuri
Last edited Apr 4, 2025
Created on Apr 4, 2025

This interactive scatter plot visualizes the Iris dataset, displaying sepal length against petal length for three species of iris flowers. Each flower is represented by a distinct geometric shape (circle, square, or triangle) based on its species, with a shape legend in the upper right corner for reference. The visualization is built using D3.js v7 with a modular approach, leveraging `d3.scaleLinear` for the axes, `d3.scaleOrdinal` with `symbolsFill` for shape encoding, and custom modules for axis rendering and legend construction. The data is loaded from a remote CSV file and parsed using `d3.csvParse`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Tutorial3.2

This scatter plot visualizes the Iris dataset, showing the relationship between sepal length and petal length for three iris species. Each data point is rendered as a distinct shape (circle, square, or triangle) using the d3.symbol API, with a legend mapping shapes to species. The visualization is built with d3.scaleLinear for axes, d3.scaleOrdinal for the shape encoding, and d3.axisLeft/axisBottom for labeled axes. Data is loaded asynchronously from a remote CSV file using d3.csvParse. The chart updates dynamically via the d3.select and join operations.

Ddandudivya98@gmail.com
95% match
Loading thumbnail…

Activity6_tutorial3.2

This interactive scatter plot visualizes the Iris dataset, showing sepal length against petal length with each species represented by a distinct symbol. The visualization uses D3.js v7 APIs including scaleLinear, scaleOrdinal, and symbol to create the plot, with axes imported from the d3-axis module. A custom shape legend displays the species mapping using D3's symbol generator. The data is loaded asynchronously from a remote CSV file and parsed using d3.csvParse, with careful number coercion for numeric columns.

Vvenkatdinesh5010@gmail.com
95% match
Loading thumbnail…

Activity6 Tutorial 3.2

This scatter plot visualizes the Iris dataset, mapping sepal length against petal length. The visualization encodes the species of each iris flower using different shape markers, with a legend positioned on the right side. The code uses d3.scaleLinear for axes, d3.scaleOrdinal with d3.symbolsFill for shape encoding, and d3.axisLeft and d3.axisBottom for axis rendering. Data is loaded asynchronously via CSV fetch and parsed with d3.csvParse before being displayed.

Nnissisharon61@gmail.com
95% match
Loading thumbnail…

Activity6_Tutorial3.2

This scatter plot visualizes the Iris dataset, showing the relationship between sepal length and petal length for three species of iris flowers. Each species is distinguished by a unique symbol shape: circles for setosa, squares for versicolor, and triangles for virginica, with a custom legend generated by the `shapeLegend` function. The chart uses D3 v7’s `scaleOrdinal`, `scaleLinear`, and `d3.symbol` to render SVG marks, along with axes created via `d3.axisBottom` and `d3.axisLeft`. The data is loaded from a CSV file and mapped to numeric values before rendering.

Kkandooriabhiram@gmail.com
95% match
Loading thumbnail…

Activity 6_tutorial 3.2

This interactive scatter plot visualizes the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with species indicated by distinct marker shapes. Using D3.js version 7, the visualization employs scales from `scaleLinear` and `scaleOrdinal`, along with the `symbol` API to generate shape-based marks. The plot includes labeled axes from `axisLeft` and `axisBottom`, and a custom shape legend. Data is loaded asynchronously from a CSV file and parsed with `csvParse`, with point positions calculated via the `xScale` and `yScale` functions.

Ssairohithchada@gmail.com
95% match
Loading thumbnail…

Activity6_Tutorial3.2

This scatter plot visualizes the relationship between sepal length and petal length in the Iris dataset, using different point shapes to distinguish between species. The chart maps the data from a CSV file fetched at runtime, rendering each flower as a symbol on a linear scale, with a separate legend identifying the species. It is built with D3 v7, using `scaleLinear` for axes, `scaleOrdinal` for shape encoding, `symbolsFill` for the point symbols, and custom functions like `axes` and `shapeLegend` for layout.

Ggnanendra097@gmail.com
94% match
Loading thumbnail…

Activity 6_Tutorial 3.2

This is a scatter plot showing the relationship between sepal length and petal length for Iris flowers, with points colored and shaped by species. It uses D3 v7’s modular API, including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and the `symbol` generator to draw different shapes. The plot includes axes with labels, a shape legend, and loads data from a local CSV file via `csvParse`. The visualization updates dynamically when the data is fetched, initially showing a loading state.

Ttallavijayalakshmi0710@gmail.com
94% match
Loading thumbnail…

Activity6_tutorial3.2

This scatter plot uses D3 v7 to visualize the Iris dataset, plotting sepal length against petal length. Each flower is rendered as a shape-coded path marker, with the species determining the symbol type via a d3.symbol generator and ordinal scale. A custom axes module adds labeled x and y axes using d3.axisLeft and axisBottom, while a shape legend provides a key for species, positioned on the right. Data is fetched as CSV and parsed with d3.csvParse.

Vvenkatdinesh5010@gmail.com
94% match