Activity 6 Task 3 Tutorial 2

100%

Activity 6 Task 3 Tutorial 2

✓ Published0🌍 Public

Last edited Apr 16, 2024

Created on Apr 16, 2024

This interactive scatter plot visualizes the Iris dataset, displaying sepal length on the x-axis and petal length on the y-axis, with each species distinguished by a different symbol shape and a corresponding legend. The visualization uses D3 v7’s `scaleLinear`, `scaleOrdinal`, `symbol`, and `symbolsFill` to map data values to positions and categorical shapes. The code loads CSV data via `csvParse` and renders axes with `axisLeft` and `axisBottom`, while the legend is generated with a custom `shapeLegend` function.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6_Task 3.2 Tutorial

This interactive scatter plot visualizes the Iris dataset, mapping sepal length against petal length. Different species are represented by distinct D3 symbols, such as circles and crosses, with a legend annotating each shape. Built with D3 v7, it uses `csvParse` to load data and `scaleLinear` for axes. The code generates the plot using reusable modules for rendering axes (`axisLeft`, `axisBottom`) and the shape legend, with rendering triggered by a simple state-based update cycle.

Ccharankumarreddyveeramreddy@my.unt.edu

95% match

Loading thumbnail…

Activity6Task3.2

This interactive scatter plot visualizes the Iris dataset, mapping sepal length to the x-axis, petal length to the y-axis, and using different symbol shapes to distinguish species. A custom legend labels each shape with its corresponding species. The visualization loads the data from a raw CSV file, parses it with `d3.csvParse`, and renders the plot using `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.symbol`. Axes and labels are generated through a reusable module that calls `d3.axisLeft` and `d3.axisBottom`.

Ssatishvelaga02@gmail.com

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

95% match

Loading thumbnail…

Activity6_Task3_Tutorial3.2

This interactive scatter plot visualizes the Iris dataset, displaying sepal length against petal length, with each of the three species represented by a distinct symbol shape. The visualization uses d3.scaleLinear for both axes and d3.scaleOrdinal with symbolsFill to map species to different geometric markers. A legend, generated through the shapeLegend module, explains the species-to-shape correspondence. The code loads CSV data via d3.csvParse from a remote source, applies numeric conversion, and renders SVG marks using the d3.symbol generator.

PPradhyumna Poralla

95% match

Loading thumbnail…

Activity 6 Task 3 Tutorial 3.2

This scatter plot displays sepal length against petal length for the Iris dataset, with each of the three species represented by a distinct symbol shape and a legend. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbol`, and `symbolsFill` to map data to positions and shapes. Data is loaded via `d3.csvParse` from a remote CSV file, and the chart includes labeled axes and a shape legend positioned at a fixed coordinate.

Aabjalshaik02@gmail.com

95% match

Loading thumbnail…

Activity 6 Tutorial 3.2

A scatter plot of the Iris dataset displays sepal length against petal length, with each species represented by a distinct symbol shape and a legend labeling the three species. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbol`, `axisLeft`, and `axisBottom`. Data is loaded asynchronously from a CSV file via `fetch` and `csvParse`, with axes, marks, and legend rendered through reusable module functions.

Nnikhilapogula@my.unt.edu

94% match

Loading thumbnail…

Activity 6 Tutorial 3.2

This example shows a scatter plot of the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with each species represented by a distinct symbol shape. A legend on the right identifies the three species categories, while axis labels clarify the measurement values. The visualization loads data from a remote CSV file using `csvParse` and renders marks with `d3.symbol` and `symbolsFill`. Axes are drawn using `axisLeft` and `axisBottom`, with scales from `scaleLinear` and `scaleOrdinal` assigning positions and shapes.

SSuneelKalva@my.unt.edu

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