Skip to main content
SimilarExport ZIP
100%

Activity6_Task3.2

✓ Published1🌍 Public
LLokesh Madem
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, plotting sepal length against petal length and using different point shapes to distinguish the three iris species. The visualization is built with D3 v7, leveraging the `symbol` generator from `d3` to create the shape-coded marks and a custom legend. Data is loaded via `fetch` from a remote CSV file and parsed with `csvParse`. The axes and labels are drawn using a modular `axes.js` component that relies on D3's `axisLeft` and `axisBottom` methods.

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, showing sepal length against petal length, with each of the three species represented by a distinct symbol. The visualization uses D3 version 7 to render SVG elements, employing `scaleLinear` for axes and `scaleOrdinal` with `symbolsFill` to map species to different point shapes. Data is loaded asynchronously through a CSV file fetch, then parsed with `csvParse` before being displayed with custom axis and shape legend components.

GGunna,Praneeth Reddy
95% match
Loading thumbnail…

Activity6 task3.2

This scatter plot visualizes the Iris dataset, plotting sepal length against petal length. Each point is rendered as a distinct symbol—circle, cross, or square—to represent the three species of Iris flowers, categorized on a categorical color scale. The visualization is built using D3.js (v7), using the `scaleLinear` and `scaleOrdinal` APIs to map data to positions and symbols. Axes and a shape legend are drawn using custom `axes` and `shapeLegend` modules, which utilize D3’s `axisLeft` and `axisBottom` functions. Data is loaded from a remote CSV file and parsed with `csvParse`.

Hhkodiripaka15@gmail.com
95% match
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
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.1

This scatter plot visualizes the Iris dataset, showing sepal length versus petal length for three flower species. The visualization uses d3.v7 with scaleLinear for axes, scaleOrdinal with symbolsFill to encode species as different point shapes, and a custom legend. Data loads asynchronously from a GitHub-hosted CSV file, parsed with csvParse, with axes and shape legends created via reusable D3 modules. The plot updates automatically when the data arrives.

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

Activity6_Task3.2

This scatter plot visualizes the relationship between sepal length and petal length in the Iris dataset, with each point's shape indicating the species. The visualization uses D3 v7's modular APIs including scaleLinear, scaleOrdinal, symbolsFill, and symbol for generating the scatter marks. Axes are rendered with axisLeft and axisBottom, while a custom shape legend maps species to distinct symbol types. The data is loaded from a GitHub-hosted CSV file and parsed using csvParse, with numeric fields converted from strings.

Kkondaveeti.bhargavi7780@gmail.com
94% match