Fork of Fork of Scatter Plot with Shape

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

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

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

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

Rrishikareddy181@gmail.com

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.

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

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

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