Skip to main content
SimilarExport ZIP
100%

Activity6-Tutorial-3.2

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

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Tutorial3

This scatter plot shows the classic Iris dataset, mapping sepal length on the x-axis against petal length on the y-axis. Circles are colored by species using a D3 ordinal color scale with the `d3.schemeCategory10` palette. The visualization is built with D3 v7, rendering SVG elements through custom modules for axes and marks. Data is loaded asynchronously from a CSV file using `d3.csv`, with linear scales for both dimensions and axis components generated via `d3.axisBottom` and `d3.axisLeft`.

Kkandooriabhiram@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…

Activity 6 Tutorial 3.2

This example shows a scatter plot of the classic Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with each species differentiated by a distinct symbol shape. The visualization includes a custom legend that maps species names to their corresponding symbols. The code uses D3 v7 modules such as `scaleLinear`, `scaleOrdinal`, and `symbol` to generate the marks, while a modular `axes` function adds labeled axes. Data is loaded asynchronously from a GitHub-hosted CSV file using `csvParse`, and the plot is rendered into a full-window SVG.

AAnushaHyderaboeni@my.unt.edu
94% match
Loading thumbnail…

Activity 6_tutorial 3.2

This interactive scatter plot visualizes the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with species indicated by distinct marker shapes. Using D3.js version 7, the visualization employs scales from `scaleLinear` and `scaleOrdinal`, along with the `symbol` API to generate shape-based marks. The plot includes labeled axes from `axisLeft` and `axisBottom`, and a custom shape legend. Data is loaded asynchronously from a CSV file and parsed with `csvParse`, with point positions calculated via the `xScale` and `yScale` functions.

Ssairohithchada@gmail.com
94% match
Loading thumbnail…

activity6_tutorial3.2

This visualization is a D3.js scatter plot of the Iris dataset, showing sepal length on the x-axis and petal length on the y-axis, with points colored and shaped by species. Using the `d3` library’s `scaleLinear`, `scaleOrdinal`, and `symbolsFill`, it encodes the categorical species variable through both color and shape, with a legend generated via the custom `shapeLegend` function. The plot leverages `join` operations and `axisLeft`/`axisBottom` for axes, and it loads data via `csvParse` from a remote URL.

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

Activity6_tutorial3.2

This interactive scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with species encoded by distinct marker shapes. The D3.js v7 code uses `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` within `scatterPlot.js` and `shapeLegend.js` to render the marks and a custom legend. Axes are drawn using `axisLeft` and `axisBottom`, and data is fetched as CSV and parsed with `csvParse`. The plot updates in response to window resizing, using SVG for rendering.

Cchinnivikramnunna@gmail.com
94% match
Loading thumbnail…

Activity6_tutorial3.2

This example shows a scatter plot of the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis. Each point is rendered as a different shape (circle, square, triangle, etc.) based on the iris species, with a legend explaining the shape-to-species mapping. The visualization uses D3 v7’s `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to position marks and generate custom path shapes. Data is loaded as CSV from a GitHub repository and parsed with `csvParse`, while axis and legend components are built using `axisLeft`, `axisBottom`, and reusable selection patterns.

Vvenkatdinesh5010@gmail.com
94% match