Skip to main content
SimilarExport ZIP
100%

Activity6_Task3.2

✓ Published0🌍 Public
Nnikhithadadi@my.unt.edu
Last edited Apr 6, 2024
Created on Apr 6, 2024
Forked from 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.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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
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
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.2

This example shows a scatter plot of the Iris dataset, encoding sepal length on the x-axis, petal length on the y-axis, and species using different D3 symbol shapes, with a legend for the shapes. The visualization loads data from a remote CSV file via `fetch` and `csvParse`, then uses `scaleLinear`, `scaleOrdinal`, and `symbol` to map data to positions and shapes. It builds the chart using `svg.call` with reusable modules for axes and legend, and updates dynamically through a state-based render loop.

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

Activity6_Task3

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.

Mmeghna.reddy700@gmail.com
94% match
Loading thumbnail…

Activity 6_Task 3.2

This example displays a scatter plot of the Iris dataset, showing sepal length against petal length. Each point’s symbol (circle, triangle, or square) encodes the iris species, and a legend identifies these shapes. The visualization uses D3 v7 with `scaleLinear`, `scaleOrdinal`, and `symbol` to render marks, plus custom axis and legend modules. It loads the CSV data from GitHub, scales numeric fields on load, and renders interactively in the browser window.

DDipesh
94% match
Loading thumbnail…

Activity6_Task3.2

This example shows a scatter plot of the Iris dataset, mapping sepal length and petal length along the x- and y-axes. It uses D3 v7 to load and parse the data via `csvParse`, and renders marks with `scaleLinear` and an ordinal shape scale using the symbols from `symbolsFill`. A custom legend displays the three species categories. The visualization is drawn in an SVG container sized to the window, with axes and labels generated by custom `axes` and `shapeLegend` modules.

Vvarshithainaganti@gmail.com
94% match
Loading thumbnail…

Activity6_Task3.2

This example displays a scatter plot of the Iris dataset, mapping sepal length against petal length and encoding species with different point shapes. It uses D3 v7 to load data via CSV, construct linear scales, and render symbols from `symbolsFill`. The visualization includes axes and a custom legend built with reusable ES6 modules, demonstrating data fetching and modular code organization.

Ssaiteja.cse.rymec@gmail.com
93% match