fork of scatterplot with shape

Fork of Scatter Plot with Shape

This example shows an interactive scatter plot of the Iris dataset, displaying sepal length against petal length with species encoded by marker shape. It uses D3 v7’s `scaleLinear` for axes and `scaleOrdinal` with `symbolsFill` to map species to distinct shapes. A custom-shape legend, built with `d3.symbol`, lists each species. Data is loaded asynchronously via `fetch` and parsed with `csvParse`, then rendered as SVG paths using `d3.symbol` generators.

VVishnu Sudireddy

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

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

Vvenkatdinesh5010@gmail.com

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

Fork of Fork of Scatter Plot with Shape

This example visualizes the Iris dataset as a scatter plot of sepal length against petal length, with each point’s symbol shape encoding the flower’s species. It uses D3 v7’s `scaleLinear` for axes, `scaleOrdinal` plus `symbolsFill` to map species to differing symbol shapes, and `symbol().size(200)` to render point marks. A shape legend, built with a custom `shapeLegend` function, lists species names alongside their corresponding symbols. The plot is rendered into an SVG sized to the window, with axes and labels created via D3’s `axisLeft` and `axisBottom`.

LLakshmi Keerthi

Fork of Scatter Plot with Shape

This scatter plot shows the Iris dataset, mapping petal length against sepal length while using different point shapes to distinguish between plant species. The visualization uses D3 v7's `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` for shape encoding, and `symbol()` to generate the glyphs. A shape legend is rendered via a custom module, with axis labels added through helper functions. The data is loaded as CSV from a GitHub repository and parsed using `csvParse` before being drawn.

Aanith462@gmail.com

Fork of Scatter Plot with Shape

A scatter plot of the Iris dataset displays sepal length against petal length, with points colored and shaped by species. The visualization uses D3 v7 with local ES6 modules for modularity. It leverages `scaleLinear`, `scaleOrdinal`, and `symbolsFill` to map data values to positions and categorical shapes, while a custom shape legend explains the species encoding. Data is loaded as CSV via `fetch` and parsed with `csvParse`.

Ssrikkanth05

Fork of Scatter Plot with Shape

This example visualizes the Iris dataset, plotting sepal length against petal length with points shaped according to species. The code uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` to generate the scatter plot, along with `axisLeft` and `axisBottom` for axes. A custom shape legend is rendered using `shapeLegend`, and data is loaded asynchronously via `fetch` and parsed with `csvParse`.

BBhavyaMammai