Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Scatter Plot with Shape

✓ Published0🌍 Public
Vvenkatdinesh5010@gmail.com
Last edited Apr 1, 2025
Created on Apr 1, 2025

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

AI-generated description
MIT Licensed

Similar vizzes

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
96% match
Loading thumbnail…

Fork of Scatter Plot with Shape

This interactive D3.js scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis against petal length on the y-axis. The chart distinguishes the three iris species by drawing each data point with a unique symbol, using the `symbolsFill` scale and the d3 `symbol()` generator to assign different glyph shapes. A legend on the right side, built with `d3.scaleOrdinal`, identifies the species associated with each shape. The plot reads data from a remote CSV file, parsing it with `d3.csvParse` and rendering the visualization using d3's join-based API for efficient updates.

Ppardha1411
96% match
Loading thumbnail…

Fork of Fork of Scatter Plot with Shape

This example shows the classic Iris dataset as a scatter plot, mapping sepal length to the x-axis and petal length to the y-axis, with each of the three species distinguished by a unique D3 symbol shape. A legend identifies the species shapes, while labeled axes provide context for the measurements. The visualization is built with D3 v7, using `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.symbolsFill` for shapes, and modularized functions for rendering axes, the shape legend, and scatter plot marks. The data is loaded as CSV and parsed with `d3.csvParse`.

Ccharanshiva769@gmail.com
96% 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
96% match
Loading thumbnail…

Fork of Fork of Scatter Plot with Shape

This interactive scatter plot visualizes the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis while using distinct symbols to represent each species. Built with D3 v7, it employs `scaleLinear` for the axes, `scaleOrdinal` with `symbolsFill` for shape encoding, and `symbol` generators to draw the marks. A custom shape legend displays the species categories, and the data is fetched as CSV and parsed with `csvParse`.

Mmanishmanda@my.unt.edu
96% match
Loading thumbnail…

Fork of Scatter Plot with Shape

This scatter plot visualizes the Iris dataset, showing sepal length on the x-axis and petal length on the y-axis. Each point’s shape encodes the iris species, with a legend mapping the three species to distinct symbols. The visualization uses D3.js and its `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs to position marks and generate glyph shapes. Data is fetched from a remote CSV file and parsed with `csvParse`. The chart includes labeled axes and a shape legend, both styled via D3’s `axisLeft` and `axisBottom` helpers.

Hharsha
95% match
Loading thumbnail…

Fork of Fork of Scatter Plot with Shape

This example visualizes the Iris flower dataset as a scatter plot, mapping sepal length to the x-axis and petal length to the y-axis. Each point’s shape encodes the species using `d3.symbol` with a `scaleOrdinal` that draws from `symbolsFill`, and a custom legend displays the shape-to-species mapping. The code manages axes and labels through a dedicated `axes` module using `axisLeft` and `axisBottom`, while the plot renders data fetched as a CSV and parsed with `csvParse` before scaling values with `scaleLinear`.

Pperamranji
95% match
Loading thumbnail…

Fork of Fork of Scatter Plot with Shape

This scatter plot displays Iris flower measurements, plotting sepal length against petal length for three species. The visualization uses SVG symbols from d3.symbol and d3.symbolsFill to differentiate species by shape, with a custom legend showing the shape-to-species mapping. The code imports from d3 modules (d3.axisLeft, d3.axisBottom, d3.scaleOrdinal, d3.extent) to build scales, axes, and marks, while asynchronously loading and parsing the iris dataset from a remote CSV via d3.csvParse.

BBhavanaGIrni
95% match