Skip to main content
SimilarExport ZIP
100%

Fork of Task8_Task3.2

✓ Published0🌍 Public
Jjyothirmai318@gmail.com
Last edited Apr 7, 2024
Created on Apr 7, 2024
Forked from Task8_Task3

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.

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 Task 8 tutorial 3.2

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`.

Vvchittimadha@gmail.com
94% 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
93% 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
93% match
Loading thumbnail…

Task-8

This example visualizes the Iris dataset as a scatter plot, mapping sepal length to the x-axis and petal length to the y-axis, while using distinct symbols to encode the species of each flower. A legend on the right identifies the shape-to-species mapping. The visualization is built with D3 v7, using `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` to generate the marks, along with custom axis and legend modules. Data is loaded asynchronously via `fetch` and parsed with `csvParse` from a remote CSV file.

Ppraneeth7222@gmail.com
92% match
Loading thumbnail…

Fork of Activity_6_Task3_Tutorial3.2

This example creates a scatter plot comparing sepal length to petal length for iris flowers, with species distinguished by symbol shape. It loads data from a remote CSV file using D3's `csvParse` and renders the chart with D3 v7. The visualization uses `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` for shapes, and a custom legend. Axes are built with `axisLeft` and `axisBottom`, while the shape legend is generated using D3's `symbol` generator, all composed through modular ES6 imports.

Pparvathi829790@gmail.com
92% match
Loading thumbnail…

task3.2

This example demonstrates a scatter plot of the Iris dataset, mapping sepal length to the x-axis, petal length to the y-axis, and encoding species with distinct shapes. The visualization uses D3's `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs to render the data points, while `axisLeft` and `axisBottom` from D3 handle the axes. A custom shape legend is built using the `symbol()` generator. The data is loaded asynchronously via `fetch` from a remote CSV file, then parsed with `csvParse` before being rendered.

Yyashwanthkirla95@gmail.com
92% match
Loading thumbnail…

Activity8_Task3.2

This example displays a scatter plot of Iris flower measurements, with sepal length on the x-axis and petal length on the y-axis. Points are colored and shaped by species, and a custom legend maps each species to a distinct symbol shape. It uses d3.csvParse to load data from a remote CSV file, d3.scaleLinear for axes, and d3.scaleOrdinal with d3.symbolsFill to assign shapes. The visualization is modular, with separate functions for drawing axes, the scatter plot, and the shape legend.

WWilliam Nsambu
92% match