Skip to main content
SimilarExport ZIP
100%

task3 Scatter Plot with Shape

✓ Published0🌍 Public
Sshettisowmya01@gmail.com
Last edited Oct 20, 2024
Created on Oct 20, 2024

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 data points is rendered as a distinct shape—circle, square, or triangle—based on the flower's species, with a shape legend identifying the mapping. The visualization is built using D3 version 7, leveraging the library's `scaleLinear` for axes and `scaleOrdinal` with `symbolsFill` to assign shape encodings. A legend, constructed via `symbolGenerator`, appears in the lower right, and axis labels clarify the measured attributes.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot with Shape

This scatter plot visualizes the Iris dataset, plotting sepal length against petal length for individual flowers. Each point’s shape encodes the flower species using D3’s `symbolsFill` and `symbol()`, with a legend generated via a custom `shapeLegend` component. The chart uses D3 v7’s `scaleLinear`, `scaleOrdinal`, `axisLeft`, and `axisBottom` APIs, pulling data from a remote CSV file. A custom `symbolGenerator` renders distinct geometric markers (circles, squares, etc.) for each species, while axes and labels are assembled through the reusable `axes` module.

Rrikhitakoganti12
93% 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
92% match
Loading thumbnail…

Scatter Plot with Shape

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis, petal length on the y-axis, and encoding species using different marker shapes. The visualization includes axes with labels and a shape legend to identify species categories. Built with D3 v7, the code uses `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs to generate the plot. The implementation relies on a custom `axes.js` module for axis rendering and a `shapeLegend.js` module for the legend, with data loaded asynchronously from a CSV file.

Ssusarlasruthi2000@gmail.com
92% match
Loading thumbnail…

task3.2

This interactive scatter plot visualizes the Iris dataset, displaying sepal length against petal length while using distinct symbol shapes to represent the three Iris species. The visualization renders as an SVG graphic, with circles, crosses, and diamonds via d3.symbol to differentiate setosa, versicolor, and virginica samples. A custom shape legend guides interpretation. The implementation leverages D3 v7 modules including scaleLinear, scaleOrdinal, axisBottom, and axisLeft, with data loaded asynchronously through d3.csv from the seaborn-data repository.

GGanesh Gundekarla
92% match
Loading thumbnail…

Task_3_shapescatterplot

This scatterplot displays iris flower measurements, plotting sepal length against petal length for individual specimens. Point shapes encode species categories, with a legend positioned to the right identifying each species. The visualization loads its dataset from a CSV file, parsing numeric fields before rendering. Using D3 v7, it employs `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` to assign distinct marker shapes, and `symbolGenerator` to draw each point, while a custom shape legend component maps species labels to their corresponding symbols.

Mmythripopuri2001@gmail.com
91% 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
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
Loading thumbnail…

Scatter Plot with Shape

This scatter plot displays the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with each species represented by a distinct symbol shape. The visualization loads CSV data via `fetch`, parses it with `d3.csvParse`, and renders circular, triangular, and other shapes using `d3.symbol` and `symbolsFill`. A custom shape legend, built with `scaleOrdinal`, identifies species, while `d3.axisLeft` and `d3.axisBottom` provide labeled axes. The chart updates responsively to the browser window size.

Cchsaisriharsha@gmail.com
91% match