Skip to main content
SimilarExport ZIP
100%

Activity6_Task3_3.2

✓ Published0🌍 Public
PPothuguntla Pranitha
Last edited Apr 13, 2024
Created on Apr 13, 2024

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.

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
96% match
Loading thumbnail…

Activity6_Task3

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.

Mm.maanvireddt761@gmail.com
95% match
Loading thumbnail…

Activity6_Task3.2

This example displays the classic Iris dataset as a scatter plot, mapping sepal length to the x-axis and petal length to the y-axis. Each data point is rendered as a distinct shape, with the categorical species determining the symbol type, as shown in a legend. The visualization is built with D3 v7 and uses a modular JavaScript approach, importing utilities from the `d3` library. Key APIs include `scaleLinear` for axes, `scaleOrdinal` for shape mapping, and `symbolsFill` to generate the glyphs. The `csvParse` function loads and processes the remote CSV data, which is then drawn using the `path` element.

GGOPI MUPPURI
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.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
95% match
Loading thumbnail…

Activity6_Task3.2

This example demonstrates a scatter plot of the Iris dataset, showing sepal length versus petal length with different point shapes representing species. The visualization loads data from a GitHub-hosted CSV file, parses it with `d3.csvParse`, and renders points using D3 v7's `scaleLinear`, `scaleOrdinal`, and `symbol` generators. A custom shape legend, implemented as an ES6 module, displays the three species with matching symbols. Axes are drawn using `axisLeft` and `axisBottom`, with labels positioned via D3 selection methods.

Gguttavenkata745@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
Loading thumbnail…

Activity6_Task3.2

This example demonstrates a scatter plot of the classic Iris dataset, showing sepal length against petal length, with each point’s shape indicating its species. It uses D3 v7 with the `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs to create the plot and a custom shape legend. The visualization loads the CSV data via a remote URL, parses it with `csvParse`, and renders the chart using an SVG canvas. The code organizes chart components into local ES6 modules for axes, scatter plot, and legend, imported through `import` statements.

Rrakshithareddy217@gmail.com
95% match