Skip to main content
SimilarExport ZIP
100%

Activity6_Task_3.2

✓ Published0🌍 Public
Ppenumutchu.manobhiram@gmail.com
Last edited Apr 7, 2024
Created on Apr 7, 2024
Forked from Hello VizHub

This example demonstrates a scatter plot that visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis while using different symbol shapes to distinguish species. The visualization is built with D3 v7, importing specific functions like `scaleLinear`, `scaleOrdinal`, `symbol`, and `axisLeft` from the d3 module. Data loads asynchronously from a CSV file hosted on GitHub, is parsed with `csvParse`, and rendered as SVG paths. A custom legend module shows the shape-to-species mapping, with axes and labels added programmatically.

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

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 species of each flower indicated by a distinct symbol (circle, square, or triangle). A legend on the right identifies the species-to-shape mapping. The visualization is built using D3 v7, leveraging `scaleLinear` for the axes, `scaleOrdinal` with `symbolsFill` for the shapes, and D3's `symbol` generator to draw the marks. The data is loaded asynchronously from a GitHub-hosted CSV file, and the chart is rendered into an SVG canvas.

Mm.maanvireddt761@gmail.com
95% match
Loading thumbnail…

Activity6_Task 3.2

This example demonstrates a scatter plot that visualizes the Iris dataset, mapping sepal length and petal length on the axes while using distinct symbol shapes to represent the three iris species. The visualization includes labeled axes and a custom shape legend. Built with D3 v7, the code uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.symbolsFill` for shapes, and `d3.csvParse` to load the data. A modular ES6 structure separates the chart, axes, and legend into local modules.

Vvankayalapatimounika2000@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 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…

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

Activity6_task3.2

This example shows a scatter plot of the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with species indicated by different symbols and a legend. The visualization loads the data from a GitHub CSV file, parses it with `d3.csvParse`, and uses D3 v7’s `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbolsFill`, and `d3.axisBottom`/`d3.axisLeft` for scales and axes. The code employs a `join`-based declarative grammar to build SVG elements, with a custom `shapeLegend` for symbol encoding. The plot adapts to the window size and updates dynamically as data loads.

RRJVENKATESH789@GMAIL.COM
94% match