Task 8 question 3.2

100%

Task 8 question 3.2

✓ Published0🌍 Public

Last edited Apr 9, 2024

Created on Apr 9, 2024

This example shows a scatter plot of Iris flower measurements, using sepal length on the x-axis and petal length on the y-axis, with a legend encoding species via different symbol shapes. The visualization loads data from a CSV file and renders it as D3 symbols, using `d3.scaleLinear` for axes, `d3.scaleOrdinal` for shape mapping, and `d3.axisLeft`/`d3.axisBottom` for ticks. A custom legend is drawn with reusable D3 selections, while the plot updates dynamically through a state-based render loop.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Task 8 Question 3

This example visualizes a scatter plot of iris flower measurements, mapping sepal length and petal length while encoding species through different symbol shapes. It loads CSV data from a GitHub repository and displays it using an SVG chart with labeled axes and a custom shape legend. The code uses d3.csvParse to load data, d3.scaleLinear for positioning, d3.scaleOrdinal with d3.symbolsFill for shape encoding, and d3.axisLeft and d3.axisBottom for axes. A modular structure separates the scatter plot, axes, and legend into local ES6 modules, with rendering driven by a simple state management pattern.

YYeshwanth963@gmail.com

91% match

Loading thumbnail…

activity 6 Task 3 question

This example displays a scatter plot of iris flower measurements, plotting sepal length against petal length while encoding species through distinct symbol shapes. The visualization loads CSV data from a GitHub gist and parses it with `d3.csvParse`. It uses `d3.scaleLinear` for both axes, `d3.scaleOrdinal` with `d3.symbolsFill` for shape encoding, and `d3.axisLeft` and `d3.axisBottom` for axes. A custom legend, built with `d3.symbol`, shows the mapping between species and symbol types.

Sskykarthik97@gmail.com

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

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

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

88% match

Loading thumbnail…

activity_6_task3_questions

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 encoded by symbol shapes and a legend. The visualization is built using D3 v7, employing `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` for shape encoding, and `symbolGenerator` to render marks. Data is loaded asynchronously from a CSV file via `csvParse`, and the chart includes custom axes and shape legend modules. The rendering updates when the window resizes.

HHarinathChakali33@gmail.com

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

88% match

Loading thumbnail…

Task8_Tutorial3.2

This scatter plot displays the Iris dataset, plotting sepal length against petal length and using different point shapes to distinguish between the three iris species. The visualization uses D3 v7 to create the plot, with a categorical shape scale assigning distinct symbols (from `symbolsFill`) to each species. Axes are rendered using D3's `axisLeft` and `axisBottom` functions, while a custom legend wizard communicates the shape-to-species mapping. Data is fetched asynchronously from a remote CSV file and parsed with `csvParse` before being passed to the chart.

Jjyothirmaijyothi2017@gmail.com

88% match