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

AI-generated description

MIT Licensed

Similar vizzes

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 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 Fork of Task-3.2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length. Points are colored and shaped by species, with a legend mapping shapes to species names. The visualization is built using D3 v7, specifically using `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbol`, and `d3.axisLeft`/`d3.axisBottom` for axes. The code fetches a CSV file, parses it with `d3.csvParse`, and converts numeric columns to numbers before rendering the plot with SVG paths.

Vvchittimadha@gmail.com

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

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

93% match

Loading thumbnail…

Task8_task3-tutorial3.2

A scatter plot of Iris flower measurements maps sepal length against petal length, with species distinguished by symbol shapes and a custom legend. The visualization loads data from a GitHub-hosted CSV and renders marks using D3 v7. It demonstrates modularized code with `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbol`, and custom axis and legend functions built from `d3.axisLeft` and `d3.axisBottom`.

Mmulyasuji999@gmail.com

92% match

Loading thumbnail…

Activity8_Task-3.2

This scatter plot displays iris flower measurements, plotting sepal length on the x-axis against petal length on the y-axis, with different species differentiated by shape markers and a legend. The visualization loads CSV data from a GitHub repository, parses it with `d3.csvParse`, and renders the chart using D3 v7’s `scaleLinear` and `scaleOrdinal` for scales, `symbolsFill` for shape encoding, and custom components for axes and shape legend. The plot utilizes `d3.select` and the join pattern to manage SVG elements dynamically, with the legend positioned at a fixed offset.

HHarika Metta

92% match