Skip to main content
SimilarExport ZIP
100%

Activity6_Task3

✓ Published0🌍 Public
Mmeghna.reddy700@gmail.com
Last edited Apr 5, 2024
Created on Apr 5, 2024

This example uses D3 v7 to render a scatter plot of the Iris dataset, displaying sepal length against petal length. Each point’s shape encodes the species of the flower, with a legend mapping shapes to species labels. The visualization is implemented using D3’s selection join API, `scaleLinear` for the x- and y-axes, and `scaleOrdinal` for the shape scale. Data is loaded asynchronously from a CSV file using `csvParse` and a `fetch` request.

AI-generated description
MIT Licensed

Similar vizzes

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

Activity6_Task3.2

This example builds an interactive scatter plot of the Iris dataset, showing sepal length against petal length with points shaped by species. It loads data via `fetch` and `csvParse` from D3, then uses `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` to map values to positions and shapes. The visualization includes custom axis labels and a shape legend, all rendered with D3 v7 selections and data joins, with layout sized to the viewport.

Nnikhithadadi@my.unt.edu
94% match
Loading thumbnail…

Activity6_Task 3.2

This example displays a scatter plot of the Iris dataset, mapping sepal length on the x-axis against petal length on the y-axis. Points are colored and shaped according to species, with a legend indicating the mapping. The visualization is built using D3 version 7, leveraging the `scaleLinear`, `scaleOrdinal`, `symbol`, and `symbolsFill` APIs for scales and glyphs, along with custom axis and legend modules. Data is loaded from a remote CSV file and parsed with `csvParse`.

Tthoutunikhitha@gmail.com
94% match
Loading thumbnail…

Activity8_Task3_2

This example presents a scatter plot of the Iris dataset, showing sepal length on the x-axis and petal length on the y-axis, with points shaped according to species. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `symbolsFill` for categorical shapes, and `d3.symbol` to generate the point glyphs. A custom legend uses `d3.symbol` similarly. The data is loaded asynchronously via `fetch` and parsed with `d3.csvParse`, then rendered into an SVG using declarative joins.

LLakshmi Keerthi
94% match
Loading thumbnail…

Activity6_Task3.2

This example demonstrates a scatter plot of the Iris dataset, mapping sepal length against petal length and distinguishing species by shape. It loads data from a CSV file and uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `csvParse`. The visualization includes custom axes and a shape legend, built with reusable local ES6 modules.

Llikhitha.sarahah01@gmail.com
94% 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
93% 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
93% 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
93% match