Skip to main content
SimilarExport ZIP
100%

Activity6_Tutorial3.2

✓ Published0🌍 Public
Hhemalathayella@my.unt.edu
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

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.

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

Activity_6_Tutorial_3.1

A scatter plot of the Iris dataset shows sepal length on the x-axis versus petal length on the y-axis, with each of the three species distinguished by color. The visualization uses D3 v7 with SVG rendering, employing `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for species colors, and `d3.axisBottom`/`d3.axisLeft` for tick marks. Data is loaded asynchronously from a local CSV via `d3.csv`, and circles represent individual observations across 150 flowers.

Cchowdaryhemanth14@gmail.com
94% 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
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
Loading thumbnail…

Activity 6 Tutorial 3.2

This scatter plot uses the classic Iris dataset to show the relationship between sepal length and petal length, with different symbols distinguishing the three iris species. The visualization is built using D3.js v7, leveraging `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` to map species to distinct shapes, and a custom shape legend. The code imports specific D3 modules like `axisLeft`, `axisBottom`, and `symbol` to render the plot, while the CSV data is fetched from a GitHub repository and parsed with `csvParse`.

RRukmini Devi Y
94% match