Activity_6Tutorial3.1

100%

Activity_6Tutorial3.1

✓ Published0🌍 Public

Last edited Mar 31, 2025

Created on Mar 31, 2025

This scatter plot visualizes the Iris dataset, showing sepal length against petal length for three species, each distinguished by color and identified through a legend. The visualization is built with D3.js v7, using SVG rendering and d3.scaleLinear for axes, d3.scaleOrdinal for the color mapping, and d3.csv to load data from a remote gist via a CORS proxy. The code includes a fallback sample dataset in case the remote data fetch fails.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity_6Tutorial3.2

This scatter plot visualizes the classic Iris dataset, displaying sepal length against petal length for three iris species. Each species is distinguished by both color and shape: green circles for setosa, blue triangles for versicolor, and orange squares for virginica. The visualization uses D3.js v7 to load the CSV data, create linear scales for the axes, and render SVG paths with d3.axisBottom and d3.axisLeft for the chart framework.

Mmaheshsachin1234@gmail.com

96% 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_Task3

This scatter plot visualizes the Iris dataset, displaying sepal length on the x-axis and petal length on the y-axis. Points are colored by species (setosa, versicolor, virginica) using a categorical color scale. The visualization is built with D3 v6, using `d3.csv` to load data from a GitHub Gist, `d3.scaleLinear` for axes, `d3.axisLeft` and `d3.axisBottom` for tick marks, and `d3.scaleOrdinal` for species-based coloring. An SVG legend identifies the three species.

Mmaheshsachin1234@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

93% 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

93% match

Loading thumbnail…

Activity-6_3

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis against petal length on the y-axis for three iris species (setosa, versicolor, and virginica), each distinguished by color. Built with D3.js v7, it uses `d3.scaleLinear` for both axes, `d3.scaleOrdinal` for species-based coloring, and SVG circles with fixed radius and opacity. The visualization includes axis labels and a manually positioned legend, with data loaded asynchronously via `d3.csv` from a GitHub gist.

MMdAfikurRahmanKhan@my.unt.edu

93% 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

93% 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

93% match