Skip to main content
SimilarExport ZIP
100%

Activity7 Fork of Scatter Plot with Shape

✓ Published0🌍 Public
SSharankumar02
Last edited Jul 3, 2023
Created on Jul 3, 2023
Forked from Hello VizHub

This scatter plot displays the Iris dataset, mapping sepal and petal lengths on the x and y axes while using different shapes to distinguish the three species. The visualization loads data from a remote CSV file and uses D3 v7 APIs including `csvParse`, `scaleLinear`, `scaleOrdinal`, and `symbolsFill` to render the marks. A custom shape legend, built with `symbol` and `shapeLegend`, shows the species-to-shape mapping, while axes are added using `axisLeft` and `axisBottom`. The chart updates dynamically when the data is fetched and parsed.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Scatter Plot with Shape - Activity7-4

This interactive scatter plot visualizes the Iris dataset, displaying sepal length against petal length for three iris species. Each species is represented by a distinct geometric shape, with a legend positioned on the right identifying the corresponding labels. The visualization uses d3.scaleLinear for the axes, d3.scaleOrdinal with d3.symbolsFill for shape encoding, and d3.symbol to generate the SVG path marks. Data is loaded via CSV parsing and rendered using the d3.v7 library's selection and join methods.

VVinay Vemuri
94% match
Loading thumbnail…

Activity 7 - Scatter Plot with Shape

This scatter plot displays the relationship between sepal length and petal length in the Iris dataset, with species encoded through distinct point shapes. The visualization uses D3 v7 to load data from a GitHub-hosted CSV file and applies d3.scaleLinear for axes, d3.scaleOrdinal with d3.symbolsFill for shape mapping, and a custom shape legend. Points are rendered as SVG paths using d3.symbol, while axes and labels are generated via custom axis functions.

Ppasyasahas
92% match
Loading thumbnail…

Activity 7 Scatter Plot with Shape

This scatter plot displays sepal length versus petal length for iris flowers, using distinct shapes to encode the species of each sample. Data is loaded from a remote CSV file and parsed with `d3.csvParse`. The visualization is built with D3 v7, using `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.symbolsFill` to map species to symbols, and `d3.symbol` to generate the shape paths. A legend is rendered manually to identify each species shape.

Mmandadi1999
92% 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
92% 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
91% 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
91% match
Loading thumbnail…

Activity6_Task3.1 Scatter Plot with Shape

This scatter plot visualizes the Iris dataset, showing sepal length against petal length, with each species distinguished by a unique symbol shape. The visualization uses d3.scaleOrdinal and symbolsFill to assign distinct shapes, and includes a custom shape legend generated with d3.symbol. Data is loaded via fetch and parsed with d3.csvParse. The chart is rendered using D3 v7, with axes created through d3.axisLeft and d3.axisBottom, and marks drawn as SVG path elements using the d3.symbol generator.

Kkamalini.ponnuru11@gmail.com
91% match
Loading thumbnail…

Activity06 Scatter Plot with Shape

This scatter plot visualizes the Iris dataset, comparing sepal length against petal length. Each flower species is distinguished by both color and shape: circles for setosa, triangles for versicolor, and diamonds for virginica, using d3.scaleOrdinal with d3.symbol types. The visualization loads data from a remote CSV file and renders points as SVG paths via d3.symbol, with a custom legend generated by the shapeLegend function. The axes are created using d3.axisBottom and d3.axisLeft, and the chart is styled with CSS, including a white background and rounded corners.

Rragasrikakarla27@gmail.com
91% match