Fork of Task 8 tutorial 3.2

100%

Fork of Task 8 tutorial 3.2

✓ Published0🌍 Public

Last edited Apr 15, 2024

Created on Apr 15, 2024

This example shows an interactive scatter plot of the Iris dataset, mapping sepal length to the x-axis, petal length to the y-axis, and using distinct symbols to differentiate the three iris species. A legend with matching shapes identifies each species. The visualization is built with D3 v7, using `d3.scaleLinear` for the axes, `d3.scaleOrdinal` with `symbolsFill` for the shape encoding, and `d3.csvParse` to load the data from a remote CSV file. The chart updates smoothly via a state-based render loop triggered by `setState`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of task 8 tutorial 3.2

This scatter plot displays iris flower measurements, mapping sepal length on the x-axis and petal length on the y-axis, with points shaped by species. It uses d3’s `scaleLinear` and `scaleOrdinal` to position and style the marks, and `symbolsFill` to generate distinct shapes. A custom legend shows the species-to-shape mapping. The visualization loads its CSV data from a GitHub repository, parses it with `csvParse`, and renders the chart with `select` and `join` operations from d3.v7.

Vvchittimadha@gmail.com

94% match

Loading thumbnail…

Fork of Task8_Task3.2

This example shows a scatter plot of Iris flower measurements, mapping sepal length on the x-axis and petal length on the y-axis, with species distinguished by different symbol shapes. The visualization includes a custom shape legend positioned within the plot. It uses D3 v7’s `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` for shape encoding, and the `symbol` generator to render marks. Data loads asynchronously from a CSV file via `fetch` and `csvParse`, with axes and legend constructed through reusable functions that accept configurations.

Jjyothirmai318@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

92% match

Loading thumbnail…

Task 8 tutorial 3.2

This scatter plot displays the relationship between sepal length and petal length for iris flowers, with species encoded through different symbol shapes. It uses D3 v7's `scaleLinear`, `scaleOrdinal`, and `symbolsFill` to map data to positions and shapes. The visualization fetches the iris dataset from a GitHub-hosted CSV file, parses it with `csvParse`, and renders axes via `axisLeft` and `axisBottom`, alongside a custom legend built with `symbol()`.

Vvchittimadha@gmail.com

92% match

Loading thumbnail…

Fork of activity8-task3.2

This example shows a scatter plot of the Iris dataset, mapping sepal length and petal length, with species distinguished by different point shapes. It uses the d3 library's scaleLinear for axes, scaleOrdinal with symbolsFill for shape mapping, and a custom shapeLegend. Data is loaded from a GitHub CSV and parsed with csvParse. The implementation uses d3 selection joins for element creation and symbol() for generating SVG path data.

Bbobbymeyermsis@gmail.com

92% match

Loading thumbnail…

Fork of Task 8_tutorial3.2

This scatter plot maps sepal length against petal length for the Iris dataset, with each point’s shape encoding the species. A custom shape legend identifies the three species. The visualization uses d3.v7 with scaleLinear for axes, scaleOrdinal and symbolsFill for categorical shapes, and the axes and shapeLegend modules to compose the chart. Data is loaded via fetch and parsed with d3.csvParse.

LLakshmiPrasannaValdas@my.unt.edu

92% match

Loading thumbnail…

Fork of Task8_Tutorial2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length. It uses D3 v7 to render SVG circles as symbols, with different shapes representing iris species via `scaleOrdinal` and the `symbolsFill` API. A custom shape legend is drawn using `symbolGenerator`, and axes are generated with `axisLeft` and `axisBottom`. Data loads asynchronously from a GitHub-hosted CSV file and is parsed with `csvParse`.

Ppravallikaratankanthkatragadda@my.unt.edu

92% match

Loading thumbnail…

Fork of Task-3.2

A scatter plot visualizes the Iris dataset, plotting sepal length against petal length and encoding the three flower species with distinct symbol shapes. The chart includes labeled axes and a shape legend that identifies each species. Built with D3 v7, it uses `scaleLinear`, `scaleOrdinal`, and `symbol` generators to position and render marks, with data fetched from a remote CSV and parsed via `csvParse`. Axes and legends are composed through reusable D3 modules.

Sshivakumarganji@my.unt.edu

92% match