Skip to main content
SimilarExport ZIP
100%

Fork of scatter plot with shape

✓ Published0🌍 Public
Aamarnadhkari98@gmail.com
Last edited Oct 25, 2024
Created on Oct 25, 2024

This example visualizes the classic iris dataset as a scatter plot, mapping sepal length to the x-axis and petal length to the y-axis, with overlaid shape-based categorization for the three iris species. A custom legend with distinct symbol shapes identifies the species. The visualization is built using D3 v7, leveraging its `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs for coordinate mapping and shape generation, with axes and labels added via `axisLeft` and `axisBottom`. Data is fetched and parsed from a remote CSV file using D3’s `csvParse`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of 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 D3 v7 scales. Each species is distinguished by a unique symbol from `d3.symbolsFill`, such as circles or triangles, through an ordinal scale. The visualization includes labeled axes and a custom shape legend built with D3’s `symbol` generator. Data is loaded via `fetch` and parsed with `d3.csvParse`, then rendered inside an SVG using modular functions for axes, plotting, and the legend.

Llikhithakarunakarreddym@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, 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 Scatter Plot with Shape

This example visualizes the Iris dataset as a scatter plot of sepal length versus petal length, with symbols distinguishing iris species. It uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` to draw shapes, plus custom modules `axes.js` and `shapeLegend.js` for labeled axes and a legend. The CSV data is loaded via `fetch`, parsed with `csvParse`, and numeric fields are coerced before rendering.

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

Fork of Scatter Plot with Shape

This example visualizes the iris dataset as a scatter plot, mapping sepal length to the x-axis and petal length to the y-axis, with species differentiated by symbol shapes from d3.symbol and d3.scaleOrdinal. A custom shape legend displays each species’ symbol, while d3.axisBottom and d3.axisLeft render labeled axes. The code loads data via d3.csvParse from a GitHub-hosted CSV and uses d3’s join pattern to update SVG elements.

NNukaShravanKumar
95% 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 Scatter Plot with Shape

This example shows a scatter plot of the Iris dataset, displaying sepal length against petal length with points shaped by species. It uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbol`, and `symbolsFill` to map categorical species data to distinct shapes. The visualization also implements a custom shape legend and axes as local ES6 modules, with data loaded remotely via `csvParse` from a GitHub-hosted CSV file.

NNagateja99
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