Skip to main content
SimilarExport ZIP
100%

Fork of Activity6_Tutorial3.2

✓ Published0🌍 Public
Ggreeshmareddy135@gmail.com
Last edited Apr 5, 2024
Created on Apr 5, 2024

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.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

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

Fork of activity6_tutorial3

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.

Sshreshikaveerannagari@gmail.com
95% 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…

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…

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

Fork of Activity_6_3-2

This interactive scatter plot displays the Iris dataset, showing sepal length against petal length, with each flower species distinguished by a unique symbol shape (circles, triangles, and diamonds) and a corresponding legend. Using D3 v7, the visualization implements a modular architecture with separate axes, shape legend, and scatter plot components. The code leverages D3 scales (scaleLinear, scaleOrdinal), symbol generators from d3-shape, and data-join patterns to render markers and update the visualization. Iris data is loaded asynchronously from a CSV file, parsed with d3.csvParse, and numeric fields are converted before rendering.

Ssahaspragna6@gmail.com
92% match