Skip to main content
SimilarExport ZIP
100%

Activity 7-5

✓ Published0🌍 Public
Ppjdhungana@gmail.com
Last edited Jun 28, 2023
Created on Jun 28, 2023
Forked from Hello VizHub

This example displays the classic Iris dataset as a scatter plot, mapping sepal length against petal length and encoding species with distinct symbol shapes. It renders points as scalable vector graphics using D3.js version 7, leveraging `scaleLinear`, `scaleOrdinal`, and `symbol` generators. The visualization includes labeled axes and a custom shape legend built with local ES6 modules. Data is loaded asynchronously from a remote CSV and parsed with `csvParse` before rendering.

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

Activity6-3.1

This scatter plot visualizes the Iris dataset, plotting sepal length against petal length, with points colored and shaped according to species. The visualization uses D3 v7's `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` for categorical shapes, and a custom legend to map species to distinct symbols. Data is loaded asynchronously from a remote CSV file using `csvParse`, and the axes and legend are rendered via reusable D3 modules.

BBibek Lamsal
91% match
Loading thumbnail…

activity 6 task3.2

This example shows the classic Iris dataset as a scatter plot of sepal length against petal length, with each species distinguished by a different symbol shape. A legend maps the species names to their corresponding shapes. The visualization is built with D3 v7, using scales like `scaleLinear` and `scaleOrdinal` along with `symbolGenerator` for shape rendering. The axes are drawn via `axisLeft` and `axisBottom`, and the data is loaded from a remote CSV file using `csvParse`.

Ssairamisetti3829@gmail.com
91% match
Loading thumbnail…

Activity6-Task3.2

This example visualizes the Iris dataset with a scatter plot that encodes sepal length on the x-axis, petal length on the y-axis, and species using distinct point shapes. It demonstrates modular D3 v7 code organization with local ES6 modules for axes, scatter plot rendering, and a custom shape legend. The visualization uses `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbol`, and `d3.axisLeft`/`d3.axisBottom`. Data loads asynchronously via `fetch` and `d3.csvParse`, with points rendered as SVG paths using the d3 symbol generator.

LLayaMyadam@my.unt.edu
91% match
Loading thumbnail…

Activity_6 T3

This scatter plot visualizes the Iris dataset, mapping sepal length against petal length and encoding species identity through distinct point shapes. The visualization uses D3 v7's scaleLinear, scaleOrdinal, and symbolsFill APIs to construct the axes and shape-based legend. Data is loaded from a remote CSV file via csvParse and rendered into SVG paths using the symbol generator. The example demonstrates modular code organization with local ES6 modules for axes, scatter plot, and shape legend components.

Bbhavanadupati3@gmail.com
91% match
Loading thumbnail…

Activity 7 Task 4

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 species differentiated by marker shape. The D3 v7 code uses `scaleLinear`, `scaleOrdinal`, and `symbolsFill` to position points and assign shapes, while custom modules `axes.js` and `shapeLegend.js` add labeled axes and a species legend. Data is loaded from a remote CSV and parsed with `csvParse`.

MmNamratha25
91% match
Loading thumbnail…

Activity6-Task3.2

This visualization presents the classic Iris dataset as a scatter plot, mapping sepal length against petal length. Each data point is rendered as a distinct symbol, with the species of each iris encoded by shape. The visualization also includes a custom legend that translates the symbol shapes into their corresponding species names. Built using D3 v7, the example leverages `scaleLinear`, `scaleOrdinal`, `symbolGenerator`, and `axisBottom`/`axisLeft` from the `d3` library, with the underlying data fetched and parsed via `d3.csvParse`.

PPadmajaKodati@my.unt.edu
91% match
Loading thumbnail…

Activity6_3.2

This interactive scatter plot visualizes the classic Iris dataset, using D3.js v7 to map sepal length against petal length. Points are encoded with both color and shape to distinguish the three iris species (Setosa, Versicolor, and Virginica), with a legend showing the shape-to-species mapping. The visualization pulls data from a remote CSV file, parses it, and uses D3 scales for linear axes. The rendering uses D3 modules for scatterplot creation and shape-based legends, with circles, triangles, and squares representing each species.

Ddabbararakshitha@gmail.com
91% match