Skip to main content
SimilarExport ZIP
100%

Activity6Task3.2

✓ Published0🌍 Public
Ssatishvelaga02@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

This interactive scatter plot visualizes the Iris dataset, mapping sepal length to the x-axis, petal length to the y-axis, and using different symbol shapes to distinguish species. A custom legend labels each shape with its corresponding species. The visualization loads the data from a raw CSV file, parses it with `d3.csvParse`, and renders the plot using `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.symbol`. Axes and labels are generated through a reusable module that calls `d3.axisLeft` and `d3.axisBottom`.

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 scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with species encoded by different symbol shapes. The visualization loads the data from a remote CSV file using `d3.csvParse` and renders it using D3 v7. It employs `scaleLinear` for axes, `scaleOrdinal` for shape mapping, and `axisLeft`/`axisBottom` for tick marks. A custom shape legend, built with `d3.symbol`, displays the species labels.

Kkowshiksamudrala08@gmail.com
97% match
Loading thumbnail…

Activity6_Task3.2

This interactive scatter plot visualizes the Iris dataset, mapping sepal length and petal length while encoding species through distinct point shapes. The chart includes labeled axes (Sepal Length, Petal Length) and a custom shape legend in the upper right. Built with D3 v7, it uses `scaleLinear` for axes and `scaleOrdinal` with `symbolsFill` for shape mapping. The visualization loads data asynchronously via `csvParse` from a GitHub-hosted CSV, then densely renders marks using `path` elements and the `symbol()` generator.

SSatish Nallamadugu
96% match
Loading thumbnail…

Activity6_Task3.2

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis, petal length on the y-axis, and encoding species by symbol shape. It uses d3.scaleLinear for axes, d3.scaleOrdinal with symbolsFill for shapes, and a custom legend showing species markers. Data is loaded via fetch as CSV and parsed with d3.csvParse, with axes and legend rendered using d3.axisLeft, d3.axisBottom, and d3.symbol.

Ppadiginetivishnupriya@gmail.com
96% match
Loading thumbnail…

Activity-6(Task3(1))

This scatter plot visualizes the Iris dataset, displaying sepal length on the x-axis and petal length on the y-axis, with each point’s shape representing the species of iris. The implementation uses D3 v7’s `scaleLinear`, `scaleOrdinal`, and `symbolsFill` to map data values to positions and shapes, while `axisLeft` and `axisBottom` render the axes. A custom legend, built with `symbol().type()`, identifies each species by its corresponding shape. Data is loaded asynchronously from a CSV file and parsed using `csvParse`.

Vvandanakosuri@my.unt.edu
96% match
Loading thumbnail…

Activity6_Task3.2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length, with each species represented by a distinct symbol shape. The plot encodes the three Iris species through shape, using d3.scaleOrdinal with symbolsFill to assign different geometric marks, while a custom legend explains the species mapping. Axes are rendered via d3.axisLeft and d3.axisBottom, with labels for both dimensions. The data is loaded asynchronously from a GitHub-hosted CSV file using d3.csvParse, and the visualization updates through a state management pattern that handles loading and rendering.

Nnikhilthoutu24@gmail.com
96% match
Loading thumbnail…

Activity 6 Task 3.2

This interactive scatter plot visualizes the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis while encoding species through distinct symbol shapes. The visualization uses D3 v7’s `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to render marks and a custom shape legend. Data is loaded asynchronously from a GitHub-hosted CSV file using `d3.csvParse`, with axis labels generated via reusable `axisLeft` and `axisBottom` functions. Each point is drawn as a `path` element, and the legend displays the three species categories.

Rrahulnathmukkolla@gmail.com
96% match
Loading thumbnail…

Activity 6_Task-3.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 unique symbol shape and a corresponding legend. The visualization uses d3.scaleLinear for axes, d3.scaleOrdinal with symbolsFill for shape encoding, and d3.symbol to render the marks. Axes and labels are drawn via custom functions. Data is loaded asynchronously using d3.csvParse from a remote CSV file, and the plot updates responsively to the window size.

Rrajkodavati7@gmail.com
96% match
Loading thumbnail…

Activity6_Task3.2

This interactive scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with species distinguished by different symbol shapes. The visualization uses D3.js v7, employing `scaleLinear` for both axes, `scaleOrdinal` with `symbolsFill` for shape encoding, and a custom shape legend component. Data is loaded asynchronously from a GitHub-hosted CSV file using `d3.csvParse`. The chart responds to window resizing by redrawing within the full viewport, with axes and labels generated through reusable `axes.js` and `scatterPlot.js` modules.

VVidya Lakshmi Chitturi
96% match