Skip to main content
SimilarExport ZIP
100%

Fork of activity 6_tutorial 3.2

✓ Published0🌍 Public
Aanusha.chilkamarri26@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024

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.

AI-generated description
MIT Licensed

Similar vizzes

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

activity 6_tutorial 3.2

This example shows the classic Iris dataset as a scatter plot of sepal length against petal length, with each species distinguished by a unique symbol shape. A legend identifies the three species by their corresponding shapes. The visualization uses D3 v7 to load and parse the CSV data, then renders marks using d3.symbol and d3.symbolsFill. Axes are drawn with d3.axisBottom and d3.axisLeft, while scales for position and shape are created with d3.scaleLinear and d3.scaleOrdinal.

Aanusha.chilkamarri26@gmail.com
94% match
Loading thumbnail…

Fork of Fork of Activity-6_task3.2

This scatter plot visualizes the Iris dataset, plotting sepal length against petal length while encoding species by shape. Using D3 v7, it creates a linear x- and y-axis, with a custom shape legend explaining the species mapping. The implementation leverages D3’s `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs to render the marks and legend. Data is loaded from a remote CSV, parsed with `csvParse`, and mapped to numeric fields before being passed to the plot.

Aakitisaitejareddy@gmail.com
94% 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 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 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
94% match