Skip to main content
SimilarExport ZIP
100%

Activity 6_Task 3.2 Tutorial

✓ Published0🌍 Public
Ccharankumarreddyveeramreddy@my.unt.edu
Last edited Oct 19, 2024
Created on Oct 19, 2024

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6_Task 3.2_Tutorial

This example shows a scatter plot of the Iris dataset, mapping sepal length to petal length and using distinct symbols to differentiate the three species. The visualization loads data from a remote CSV file and uses `csvParse`, `scaleLinear`, and `scaleOrdinal` to position points and assign symbol types. Axes are drawn with `axisLeft` and `axisBottom`, while a custom legend displays the species labels. The chart size and legend placement adapt to the window, demonstrating a modular D3 v7 setup with reusable functions.

Ccharankumarreddyveeramreddy@my.unt.edu
95% match
Loading thumbnail…

Activity 6 Task 3 Tutorial 2

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.

Mmounikakatipally995@gmail.com
95% match
Loading thumbnail…

Activity6_Task3.2

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with species distinguished by different symbol shapes. Built with D3 v7, it uses d3.scaleLinear for axes, d3.scaleOrdinal with d3.symbolsFill for shape encoding, and d3.symbol to render marks. A custom shape legend displays species labels, while d3.axisBottom and d3.axisLeft generate the axes. Data is loaded asynchronously from a CSV file and parsed with d3.csvParse.

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

Fork of Activity6_Task3_Tutorial 3.2

This interactive scatter plot visualizes the Iris dataset, mapping sepal length against petal length and using distinct symbols to represent the three iris species. The D3.js v7 code builds the visualization entirely with modular functions, including `scaleLinear` and `scaleOrdinal` for scales, `symbol` for generating shapes, and `csvParse` to load the data from a GitHub-hosted CSV file. Axis and shape legend components are rendered via `axisLeft`, `axisBottom`, and custom legend logic, with the chart redrawing responsively to the full window size.

Nnavyabade05@gmail.com
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_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
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