Skip to main content
SimilarExport ZIP
100%

Fork of Scatter Plot with Shape

✓ Published0🌍 Public
VVarshareddy2912
Last edited Jul 5, 2023
Created on Jul 5, 2023
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with each point’s shape encoding the species. The chart uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.symbolsFill` for shape encoding, and `d3.symbol()` to generate the mark paths. A shape legend is rendered using the `d3.selectAll().join()` pattern for ticks, while CSV data is fetched and parsed with `d3.csvParse`.

AI-generated description
MIT Licensed

Similar vizzes

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

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. Each of the 150 points is colored and shaped according to its species (setosa, versicolor, or virginica). The visualization uses D3's `scaleOrdinal` and `schemeCategory10` for the color scale, while shapes are generated with a symbol generator. A shape legend, rendered via `shapeLegend.js`, displays the species symbols. The chart is built with an SVG canvas, using `scaleLinear` for both axes and `selection.join` for efficient element updates.

NNeeharikaGali
95% match
Loading thumbnail…

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

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
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 interactive scatter plot visualizes the Iris dataset, mapping sepal and petal lengths along the axes while encoding species with distinct D3 symbol shapes. The visualization includes a shape legend for species identification. It uses D3 v7’s `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs to render marks, along with custom axis and legend modules. Data loads asynchronously via CSV parsing, and the plot updates dynamically through a state management system.

Hharsha
95% match
Loading thumbnail…

Fork of Scatter Plot with Shape

This scatter plot visualizes Iris flower measurements, mapping sepal length to the x-axis, petal length to the y-axis, and using different point shapes to distinguish species. The visualization loads CSV data from a remote URL and parses it with `d3.csvParse`. D3's `scaleLinear` and `scaleOrdinal` handle the continuous and categorical scales, while the `symbol` generator creates the shape-based marks. A custom legend shows the shape-to-species mapping, with axes added via D3’s `axisLeft` and `axisBottom`.

Mmn0658
94% match