activity 6

100%

✓ Published0🌍 Public

Last edited Mar 26, 2025

Created on Mar 26, 2025

This visualization displays the classic Iris dataset as a scatter plot, mapping sepal width on the x-axis against sepal length on the y-axis, with each of the three Iris species color-coded in distinct hues. The code uses d3.tsv to load the tab-separated data, d3.scaleLinear to create the axes, and d3.scaleOrdinal to assign colors to species. The reusable chart component builds an SVG with interactive elements like axis labels, a title, and a legend, rendered through D3 v7’s selection and data-binding APIs.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

activity-6-t-3-2

This visualization displays the Iris dataset as a scatter plot, mapping sepal length against petal length and using distinct marker shapes to represent each species. The chart includes labeled axes, a shape legend, and reads data from a CSV file fetched at runtime. Built with D3 v7, it uses the `scaleLinear` and `scaleOrdinal` functions for scaling, `symbol` for rendering marks, and a custom `axes` module for chart furniture.

SSathishvepuri143@gmail.com

92% match

Loading thumbnail…

Activity6-Taks-3.2

This visualization displays the classic Iris dataset as a scatter plot, mapping sepal length and petal length on the x- and y-axes while using distinct symbols to encode the three iris species. The chart is built using D3 version 7 APIs, including `scaleLinear`, `scaleOrdinal`, `schemeCategory10`, `symbolsFill`, and `symbol`. Axis generation and labels are handled by custom helper modules (`axes.js`, `shapeLegend.js`), which leverage D3’s `axisLeft`, `axisBottom`, and a symbol generator. Data is fetched as CSV from a remote source and parsed with `csvParse`.

Gganeshrajuparmalla@my.unt.edu

91% match

Loading thumbnail…

Activity6-Tutorial-3.2

This visualization displays the classic Iris dataset as a scatter plot, mapping sepal length on the x-axis against petal length on the y-axis, with points colored by species via a categorical ordinal scale. The chart uses custom D3 v7 modules for axes and a shape legend, employing `scaleLinear` for coordinate scaling, `scaleOrdinal` with `symbolsFill` to assign distinct marker shapes, and a `symbol` generator for drawing them. Data is loaded asynchronously from a CSV file using `csvParse` and rendered within an SVG that resizes to the full window.

Ssowmyaammula.sdv@gmail.com

91% match

Loading thumbnail…

Activity6_3.2

This interactive scatter plot visualizes the classic Iris dataset, using D3.js v7 to map sepal length against petal length. Points are encoded with both color and shape to distinguish the three iris species (Setosa, Versicolor, and Virginica), with a legend showing the shape-to-species mapping. The visualization pulls data from a remote CSV file, parses it, and uses D3 scales for linear axes. The rendering uses D3 modules for scatterplot creation and shape-based legends, with circles, triangles, and squares representing each species.

Ddabbararakshitha@gmail.com

91% match

Loading thumbnail…

activity6task3-2

This visualization shows the classic Iris flower dataset as a scatter plot, mapping sepal length on the x-axis against petal length on the y-axis, with each of the three species distinguished by different symbol shapes from d3’s symbolsFill. A legend on the right identifies the species-shape mapping using d3.scaleOrdinal with shapeSymbol generator. The chart fetches the iris.csv data from GitHub, parses it with d3.csvParse, and renders the plot using d3.v7’s select, scaleLinear, axisBottom, and axisLeft, with axes fitted via the axes.js helper module.

Ssudheervnarasimha1@gmail.com

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

90% match

Loading thumbnail…

Activity 7

This scatterplot visualizes the Iris dataset, plotting sepal width against sepal length for three flower species. The D3.js chart uses separate colors for setosa, versicolor, and virginica, with circles for each data point. Interactive tooltips display species and values on hover, while an axis legend identifies the species. Built with d3.v7, it loads CSV data from a remote URL and uses scaleOrdinal for colors and scaleLinear for axes. The SVG rendering includes a responsive layout that adjusts to window size, with axes, labels, and a legend.

NNithish Karanam

90% match

Loading thumbnail…

Activity_6(task 3)

This scatter plot displays the Iris dataset, mapping sepal length on the x-axis against petal width on the y-axis, with each of the three iris species (setosa, versicolor, virginica) distinguished by a distinct color. The visualization uses D3 v6 to render SVG circles, with axes, labels, and a legend generated via `d3.axisBottom`, `d3.axisLeft`, and `d3.scaleOrdinal`. Data is loaded asynchronously from a remote CSV file, and the plot employs `d3.extent` to set linear scales for the axes.

MMahimaChowdaryKasthala@my.unt.edu

90% match