Fork of activity6_tutorial3

100%

Fork of activity6_tutorial3

✓ Published1🌍 Public

Last edited Apr 1, 2025

Created on Apr 1, 2025

This visualization displays the Iris dataset as a scatter plot, mapping sepal length on the x-axis and petal length on the y-axis, with points colored and shaped by species. It includes a custom shape legend for the three species. The implementation uses D3 v7 modules like `scaleLinear`, `scaleOrdinal`, and `symbol` to generate marks, while `axisLeft` and `axisBottom` handle the axes. Data is loaded asynchronously via `fetch` and parsed with `csvParse` from a GitHub-hosted CSV file. The chart is rendered into an SVG that fills the viewport.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activity6_Tutorial3.2

This visualization displays the classic Iris dataset as a scatter plot, mapping sepal length against petal length while encoding the three iris species through distinct symbol shapes. The plot uses D3 v7’s `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to position and shape the marks, with a custom `axes` module and a shape legend generated via `symbolGenerator`. Data is loaded from a remote CSV file using `csvParse`, and the visualization updates dynamically as the window resizes.

Ggreeshmareddy135@gmail.com

95% match

Loading thumbnail…

Fork of activity6_tutorial3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width for each specimen while coloring points by species (setosa, versicolor, or virginica). The D3 v6 code loads CSV data from a GitHub repository and uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the SVG visualization. The plot also encodes sepal dimensions in each point's radius (`rx`/`ry` attributes), though these are not scaled to the axes. The visualization renders circles with custom colors and labeled axes in an HTML page.

Sshreshikaveerannagari@gmail.com

95% match

Loading thumbnail…

Fork of Activity6_tutorial3.2

This visualization displays the classic Iris dataset as a scatter plot, mapping sepal length on the x-axis and petal length on the y-axis. Instead of using colors to differentiate species, the plot encodes species identity through distinct symbol shapes, such as circles, triangles, and crosses, with a corresponding legend at the right. The implementation uses D3.js v7 utilities like `scaleLinear`, `scaleOrdinal`, and `symbolGenerator` to position marks and generate the shape encodings. Data is loaded asynchronously from a remote CSV file and parsed with `csvParse`.

Yyadlapallisaisathvik@gmail.com

94% match

Loading thumbnail…

Fork of activity 6_tutorial 3.2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length, with species distinguished by different d3 symbol shapes. A shape legend identifies the three species categories, while labeled axes display the quantitative measurements. Built with D3 v7, the visualization uses modular JavaScript functions including `scaleLinear`, `scaleOrdinal`, `symbolGenerator`, and custom axis and legend components. The data is loaded asynchronously from a remote CSV file and parsed using `csvParse`, with the plot rendering across the full browser window.

Aanusha.chilkamarri26@gmail.com

94% match

Loading thumbnail…

Fork of Fork of Activity6_tutorial3.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 each species distinguished by a unique symbol shape. The chart includes labeled axes and a shape legend identifying the three species. Built with d3.v7, the code uses `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` to position and render marks, while `axisLeft` and `axisBottom` generate the axes. Data loads from a remote CSV via `fetch` and `csvParse`.

Aaparnachalumuri@gmail.com

94% match

Loading thumbnail…

activity6_tutorial3.2

This example visualizes the Iris dataset as a scatter plot, mapping sepal length to the x-axis and petal length to the y-axis, with points colored by shape according to species. A custom legend shows the shape-to-species mapping. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` to generate the point glyphs, while `axisLeft` and `axisBottom` render the axes. Data is loaded asynchronously via `fetch` from a GitHub-hosted CSV file and parsed with `csvParse`.

Nnishwitha.1032@gmail.com

93% match

Loading thumbnail…

activity6_tutorial3.2

This scatter plot visualizes the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with each point’s shape encoding the species. It uses d3’s `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` to assign distinct shapes to categories, and a custom legend built with `symbolGenerator`. Data is fetched from a remote CSV and parsed via `csvParse`. The visualization is rendered using d3’s join operation for efficient SVG updates.

Sshreshikaveerannagari@gmail.com

93% match

Loading thumbnail…

activity6_tutorial3.2

This scatter plot visualizes the Iris dataset, showing sepal length on the x-axis and petal length on the y-axis, with each point's shape encoding the species. It uses D3's `scaleLinear`, `scaleOrdinal`, and `symbolsFill` to map data to scales and shapes, and `axes` to draw labeled axes. A custom legend displays the shape-to-species mapping. Data is fetched from a remote CSV and parsed via `csvParse`.

Sshreshikaveerannagari@gmail.com

93% match