Skip to main content
SimilarExport ZIP
100%

Activity 6_Task 3.2

✓ Published0🌍 Public
MMannava Priyanka Chowdary
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This scatter plot displays the Iris flower dataset, showing sepal length against petal length with distinct symbols for each species. It uses D3.v7 modules including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` to render marks and a custom shape legend. The visualization loads data from a GitHub gist, parses it with `csvParse`, and incorporates reusable local modules for axes and legend components.

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…

Activity 6_Task3.2

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 the three flower species distinguished by different symbol shapes (circles, crosses, and diamonds) via a shape legend. The visualization is built with D3 v7, using `scaleLinear`, `scaleOrdinal`, `symbol`, and `symbolsFill` to position and style the marks. It fetches the CSV data from a GitHub repository and renders it in an SVG sized to the window. A modular structure separates the axes, legend, and plot logic into reusable functions.

SSiva Kishore Reddy
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 Task 3

This scatter plot visualizes the Iris dataset, mapping sepal length against petal length while distinguishing species through different symbol shapes. The visualization uses D3 v7 with a custom scatterPlot module, employing d3.scaleLinear for the axes, d3.scaleOrdinal with symbolsFill to assign shape variants, and d3.symbol to generate the marks. A custom legend component displays the shape-to-species mapping. Data loads asynchronously from a GitHub-hosted CSV file and is parsed with d3.csvParse, with numeric fields coerced to numbers before rendering.

Mmounikakatipally995@gmail.com
95% match
Loading thumbnail…

Activity 6 Task 3

This scatter plot visualizes the Iris dataset, mapping sepal length against petal length while distinguishing species through different symbol shapes. The visualization uses D3 v7 with a custom scatterPlot module, employing d3.scaleLinear for the axes, d3.scaleOrdinal with symbolsFill to assign shape variants, and d3.symbol to generate the marks. A custom legend component displays the shape-to-species mapping. Data loads asynchronously from a GitHub-hosted CSV file and is parsed with d3.csvParse, with numeric fields coerced to numbers before rendering.

Mmounikakatipally995@gmail.com
95% match
Loading thumbnail…

Activity-6 Task3.1

This scatter plot visualizes the Iris dataset, showing sepal length against petal length for three flower species. Each species is distinguished by a distinct symbol shape, with a legend explaining the mapping. The visualization uses D3 v7's `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to position points and generate shapes, with axes created via `axisLeft` and `axisBottom`. Data is loaded asynchronously from a CSV file and parsed with `csvParse`.

Hharshaps15@gmail.com
95% 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
95% match
Loading thumbnail…

Activity-6_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 shape and a corresponding legend. The visualization uses d3.scaleLinear for the x and y axes, d3.scaleOrdinal with d3.symbolsFill for species-based shapes, and d3.axisLeft and d3.axisBottom for the axes. Data is loaded asynchronously via fetch and parsed with d3.csvParse.

Aakitisaitejareddy@gmail.com
95% match