act6_shapeplot

100%

act6_shapeplot

✓ Published0🌍 Public

Last edited Oct 20, 2024

Created on Oct 19, 2024

This example visualizes the Iris dataset by plotting sepal length against petal length, with each of the three iris species distinguished by a different symbol shape. The scatter plot uses D3 v7’s `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to position points and generate the distinct marker shapes, while a custom shape legend explains the species mapping. The chart is built with reusable D3 modules for scatter plot rendering, axes, and legend, and it loads data via `fetch` and `csvParse` from a raw GitHub CSV file.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

act_6_3.2task

This example shows a scatter plot of the Iris dataset, comparing sepal length against petal length, with the species of each flower distinguished by different symbols. A shape legend identifies the three species. The visualization uses d3.v7 with functions like `scaleLinear`, `scaleOrdinal`, and `symbol` to map data to positions and shapes, while `axisLeft` and `axisBottom` render the axes. Data is loaded as CSV from a remote GitHub source.

Hhlmn4936@gmail.com

91% match

Loading thumbnail…

act6_Task3.2

This scatter plot visualizes the Iris dataset, showing the relationship between sepal length and petal length, with species distinguished by different fill symbols. The visualization uses D3 v7 to map species to a categorical shape scale with symbols from `symbolsFill`, rendering each data point as a path mark positioned via linear scales. Species categories are identified through a custom shape legend, and the plot includes labeled axes. The iris data is loaded from a remote CSV file using `csvParse` and rendered with D3's `symbol` and `scaleOrdinal` APIs.

Ssaisathvikapotluri@gmail.com

91% match

Loading thumbnail…

act 6 t3.2

This example visualizes the Iris dataset as a scatter plot, mapping sepal length to the x-axis and petal length to the y-axis, with each species represented by a distinct symbol from d3.symbol and symbolsFill. The visualization loads data from a remote CSV file via d3.csvParse, converting numeric columns before rendering. The code demonstrates the use of local ES6 modules—importing axes and shapeLegend components—alongside d3.axisLeft, d3.axisBottom, d3.scaleLinear, and d3.scaleOrdinal to manage scales, axes, and a custom shape legend.

Ppavithranamburi24@gmail.com

91% match

Loading thumbnail…

activity6_task3.2

This example visualizes the Iris dataset as a scatter plot, mapping sepal length and petal length on the axes while using different symbol shapes to distinguish between plant species. It uses D3 v7 APIs such as `scaleLinear`, `scaleOrdinal`, `symbol`, and `symbolsFill` to handle axes, scaling, and shape encoding. A custom legend is drawn using `shapeLegend`. Data is loaded asynchronously from a GitHub-hosted CSV file and parsed with `csvParse`.

Ggketan456@gmail.com

91% match

Loading thumbnail…

act6 t3.2

This example visualizes the Iris dataset as a scatter plot, showing sepal length against petal length for different species. The species are distinguished using different symbols via a categorical color scale and a shape legend with tick marks. The visualization is built with D3 v7, using scaleLinear, scaleOrdinal, symbol, axisLeft, and axisBottom. Data is loaded asynchronously from a CSV file using d3.csvParse and rendered into an SVG, with modular functions for axes, scatter plot, and legend composition.

Sshravan.s0710@gmail.com

91% match

Loading thumbnail…

Activity-6_3.2

This example shows a scatter plot of sepal length versus petal length for the Iris dataset, with each of the three species encoded by a distinct shape. The visualization uses d3.scaleLinear for the axes, d3.scaleOrdinal and d3.symbol to generate shape-based marks, and includes a custom legend mapping species to symbols. Data is loaded asynchronously from a remote CSV file and parsed with d3.csvParse. The code is built with reusable modules for axes, scatter plot, and legend, all rendered in an SVG using D3 v7.

RRISHIK KURIKELLY

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

90% match

Loading thumbnail…

Activity6_3.2

This scatter plot visualizes Iris flower measurements, plotting sepal length against petal length while using different shapes to distinguish between species. The visualization loads the Iris dataset from a remote CSV file using `csvParse`, then renders the points with `d3.symbol` glyphs. A shape legend identifies each species, while `d3.scaleLinear` and `d3.scaleOrdinal` handle the continuous axes and categorical shape mapping. The chart includes labeled axes and a legend positioned within the SVG canvas.

Nnumitha

90% match