Skip to main content
SimilarExport ZIP
100%

Activity6_Tutorial3.2

✓ Published0🌍 Public
Ggnanendra097@gmail.com
Last edited Apr 5, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

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.

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 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…

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…

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

Activity6_tutorial3.2

This scatter plot shows the relationship between sepal length and petal length for Iris flowers, with each species represented by a distinct shape in a custom legend. The visualization uses D3 v7's `scaleLinear` and `scaleOrdinal` to map measurements and categorical species, while the `symbol()` generator draws the shape marks. Data is loaded from a remote CSV file via `fetch` and `csvParse`, then parsed into numeric fields. Axes and labels are created using custom `axisLeft` and `axisBottom` functions from D3's `d3` module, and the shape legend is built dynamically with positioned `path` and `text` elements.

Aamulyareddykondru01@gmail.com
94% match
Loading thumbnail…

Activity 6 Tutorial 3.2

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`.

BBharath Vupputuri
94% match
Loading thumbnail…

Activity6_tutorial3.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. Each point is rendered as a different shape (circle, square, triangle, etc.) based on the iris species, with a legend explaining the shape-to-species mapping. The visualization uses D3 v7’s `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to position marks and generate custom path shapes. Data is loaded as CSV from a GitHub repository and parsed with `csvParse`, while axis and legend components are built using `axisLeft`, `axisBottom`, and reusable selection patterns.

Vvenkatdinesh5010@gmail.com
94% match
Loading thumbnail…

Activity6_Tutorial3.2

This example shows a scatter plot of the Iris dataset, mapping sepal length against petal length and using distinct symbol shapes to encode the species of each flower. A custom legend explains the shape-to-species mapping, with axes labeled accordingly. The visualization is built with D3 v7, using `scaleLinear` for the x and y positions and `scaleOrdinal` with `symbolsFill` for the categorical shapes. Data is loaded remotely as CSV and parsed with `csvParse`, while the chart, axes, and legend are composed from modular functions that manipulate SVG selections.

Vvarmanithish5@gmail.com
94% match
Loading thumbnail…

Activity6_Tutorial3.2

This scatter plot displays the relationship between sepal length and petal length for three iris species, distinguished by shape and a legend. The visualization uses D3 v7 APIs like `scaleLinear`, `scaleOrdinal`, and `symbolGenerator`, with axes created via `axisLeft` and `axisBottom`. Data is fetched from a remote CSV and parsed with `csvParse`, rendering marks as SVG paths within a scalable viewport sized to the window.

Hhemalathayella@my.unt.edu
94% match