Activity6_Task3

100%

Activity6_Task3

✓ Published0🌍 Public

Last edited Oct 22, 2024

Created on Oct 20, 2024

This example shows a scatter plot of the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with the species of each flower indicated by a distinct symbol (circle, square, or triangle). A legend on the right identifies the species-to-shape mapping. The visualization is built using D3 v7, leveraging `scaleLinear` for the axes, `scaleOrdinal` with `symbolsFill` for the shapes, and D3's `symbol` generator to draw the marks. The data is loaded asynchronously from a GitHub-hosted CSV file, and the chart is rendered into an SVG canvas.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6_Task3.2

This example shows a scatter plot of the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with the three flower species distinguished by different symbol shapes (circles, crosses, and diamonds) via a shape legend. The visualization is built with D3 v7, using `scaleLinear`, `scaleOrdinal`, `symbol`, and `symbolsFill` to position and style the marks. It fetches the CSV data from a GitHub repository and renders it in an SVG sized to the window. A modular structure separates the axes, legend, and plot logic into reusable functions.

SSiva Kishore Reddy

97% match

Loading thumbnail…

Activity6_Task3.1

This example shows an interactive scatter plot of the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with each species represented by a distinct symbol shape. The visualization uses D3.js v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbolGenerator` to render the marks, while a custom shape legend displays the species categories. Data is loaded asynchronously from a GitHub-hosted CSV file using `fetch` and parsed with `csvParse`, with numerical fields coerced to numbers before plotting. The chart includes labeled axes and a legend, all rendered within an SVG canvas sized to the full viewport.

Bbudalavijay2001@gmail.com

96% match

Loading thumbnail…

activity6_task3.2

This example shows a scatter plot of the Iris dataset, mapping sepal length against petal length, with points shaped according to species. A custom shape legend identifies the three species. The visualization is built with D3 v7, using scaleLinear for axes, scaleOrdinal for shape encoding, and the axisBottom and axisLeft components. Data is loaded from a remote CSV and parsed with csvParse, while symbolsFill and symbol generate the point marks.

Mm.maanvireddt761@gmail.com

96% match

Loading thumbnail…

Activity6_Task3.2

This example visualizes the Iris dataset as a scatter plot, mapping sepal length along the x-axis and petal length along the y-axis. The visualization uses distinct shapes to represent the three species of iris flowers, with a shape legend positioned to the right of the plot. Built with d3.v7, the code leverages d3.csvParse to load data from a GitHub repository, d3.scaleLinear for axis scaling, and d3.scaleOrdinal with d3.symbolsFill to assign different symbol types to each species. The SVG rendering includes custom axis labels and a shape legend created through d3 selection joins.

Mmaneeshraja47@gmail.com

96% match

Loading thumbnail…

Activity6_Task3_3.2

This example presents a scatter plot of the classic Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis. Each flower species is distinguished by a unique symbol, with a shape legend identifying the species. The visualization is built using D3 v7, leveraging `scaleLinear` for axes, `scaleOrdinal` for shape encoding, and `symbolsFill` for the symbol set, while `csvParse` and `fetch` load the data from a GitHub repository. Axes and the legend are drawn via custom reusable modules.

PPothuguntla Pranitha

95% match

Loading thumbnail…

Activity6_Task3.2

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with each species distinguished by a different symbol shape. The D3-based visualization uses `scaleLinear` and `scaleOrdinal` to map data dimensions, while `symbolsFill` and a custom symbol generator render the shape-encoded marks. An accompanying legend, built with `shapeLegend`, identifies each species, and axis labels clarify the measurements. The chart loads CSV data asynchronously and displays it across the full browser window.

Hhemanthmaddila13@gmail.com

95% match

Loading thumbnail…

Activity6_task3.2

This example shows a scatter plot of Iris flower measurements, mapping sepal length on the x-axis and petal length on the y-axis, with different symbol shapes representing species. The visualization also includes a custom shape legend identifying each species. The code uses d3.csvParse and d3.fetch to load a CSV dataset, then d3.scaleLinear for axes and d3.scaleOrdinal with d3.symbolsFill to assign distinct geometric markers. Axes are rendered via the d3.axisLeft and d3.axisBottom APIs, while a custom legend module draws symbols and text ticks.

Mmaneeshraja47@gmail.com

95% match

Loading thumbnail…

Activity6_Task3.2

This example presents a scatter plot of the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, while using different marker shapes to distinguish the three flower species. The visualization imports D3 v7 modules such as `scaleLinear`, `scaleOrdinal`, `symbol`, and `axisLeft`/`axisBottom` to build the chart and axes. It also includes a custom shape legend rendered via `symbolGenerator`. Data is loaded asynchronously from a CSV file using `csvParse`, with numeric fields parsed before the plot is updated.

Kkeerthana11.mcs@gmail.com

95% match