Skip to main content
SimilarExport ZIP
100%

Fork Activity6_ Tutorial 3.2-Scatter Plot With Shape

✓ Published0🌍 Public
Aakhillenkalapally1999@gmail.com
Last edited Apr 6, 2024
Created on Apr 6, 2024

This scatter plot visualizes the Iris dataset, showing sepal length against petal length for three species. Each species is represented by a distinct symbol shape, with a legend mapping species to shapes. The visualization uses d3.scaleLinear to map data values to coordinates, d3.scaleOrdinal with symbolsFill for shape encoding, and custom axes and legend components. Data is loaded via fetch and parsed using d3.csvParse, then rendered with d3-selection and d3-symbol APIs.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork oftutorial 3.2, Scatter Plot with Shape

This example visualizes the Iris dataset as a scatter plot of sepal length against petal length, with each of the three species distinguished by a different symbol shape. The chart includes labeled axes and a separate legend mapping species names to their corresponding shapes. The visualization is built with D3 v7, using scaleLinear for axes, scaleOrdinal with symbolsFill for shapes, and d3.symbol to generate the marked points. Data is loaded asynchronously from a CSV file and parsed with d3.csvParse.

RRakesh Yadav
95% match
Loading thumbnail…

Fork of Scatter Plot with Shape - Activity7-4

This interactive scatter plot visualizes the Iris dataset, displaying sepal length against petal length for three iris species. Each species is represented by a distinct geometric shape, with a legend positioned on the right identifying the corresponding labels. The visualization uses d3.scaleLinear for the axes, d3.scaleOrdinal with d3.symbolsFill for shape encoding, and d3.symbol to generate the SVG path marks. Data is loaded via CSV parsing and rendered using the d3.v7 library's selection and join methods.

VVinay Vemuri
94% match
Loading thumbnail…

Fork of Fork of Scatter Plot with Shape

This scatter plot visualizes the Iris dataset, mapping sepal length against petal length for three species. Each species is represented by a distinct symbol shape, with a legend showing the mapping between the categorical species variable and the corresponding shape. The visualization uses D3 v7, employing `scaleLinear` for the axes, `scaleOrdinal` with `symbolsFill` for shape encoding, and custom modules for axes and legend rendering. Data is loaded from a remote CSV file and parsed using `csvParse`.

Vvenkatdinesh5010@gmail.com
93% match
Loading thumbnail…

Fork of Scatter Plot with Shape

This example displays the classic Iris dataset as a scatter plot, mapping sepal length to the x-axis and petal length to the y-axis, with each species represented by a distinct D3 symbol shape. It uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `symbolsFill` for categorical shapes, and `d3.axisLeft`/`axisBottom` for labeled axes. A custom legend module draws the symbol shapes alongside species names. Data is fetched as CSV and parsed with `d3.csvParse`, with numeric columns converted before rendering.

Aakshayvenishetty1437
93% match
Loading thumbnail…

Fork of Fork of Scatter Plot with Shape

This example shows the classic Iris dataset as a scatter plot of sepal length against petal length, with each species represented by a distinct D3 symbol shape. The visualization includes labeled axes and a shape legend identifying the three species. It uses d3.scaleLinear for positioning, d3.scaleOrdinal with symbolsFill for mapping species to symbol types, and d3.axisLeft/axisBottom for axes. Data loads from a remote CSV and is parsed with d3.csvParse, with the chart rendered using d3-selection joins inside a resizable SVG.

Ssathvik0311@gmail.com
93% match
Loading thumbnail…

Fork of Fork of Scatter Plot with Shape

This scatter plot visualizes the Iris dataset, comparing sepal length against petal length while using distinct shapes and colors to differentiate the three iris species. The visualization employs d3.scaleLinear for both axes and d3.scaleOrdinal with d3.symbolsFill to map species to symbols. Data points are rendered as SVG paths read from a CSV file, with an embedded legend and labeled axes. The code demonstrates reusable chart components, including a custom axes module and shapeLegend function, built using D3 v6 selection joins and the d3.symbol API.

Rrishikareddy181@gmail.com
93% match
Loading thumbnail…

Fork of Fork of Scatter Plot with Shape

This interactive scatter plot displays the Iris dataset, mapping sepal length against petal length while encoding species through distinct symbol shapes. The visualization uses d3.scaleLinear for both axes and d3.scaleOrdinal with d3.symbolsFill to assign unique geometric markers to each species. A custom legend, built with d3.symbol, explains the shape-to-species mapping. The code leverages d3.csvParse to load remote data and d3.axisLeft/axisBottom for labeled axes, with axes and legend implemented as reusable functions.

Aabjalshaik02@gmail.com
93% match
Loading thumbnail…

Fork of Scatter Plot with Shape

This interactive scatter plot displays Iris flower measurements, mapping sepal length along the x-axis and petal length along the y-axis, with species distinguished by different symbol shapes. The visualization uses d3.scaleOrdinal with symbolsFill to assign distinct shapes to each species, rendered via d3.symbol and path elements. A custom legend shows the shape-to-species mapping, while axes are generated using d3.axisLeft and d3.axisBottom. Data is loaded asynchronously from a CSV file using d3.csvParse and fetched from a GitHub repository, with numeric fields coerced before rendering.

Ppardha1411
92% match