Skip to main content
SimilarExport ZIP
100%

Task 8 T3.2_Vitesh Chalicheemala

✓ Published0🌍 Public
Mmanju.972@gmail.com
Last edited Oct 22, 2024
Created on Apr 9, 2024
Forked from Hello VizHub

This example shows a scatter plot of iris flower measurements, mapping sepal length to the x-axis and petal length to the y-axis, with species encoded by five distinct D3 symbol shapes and a custom legend. The visualization loads CSV data from a GitHub-hosted file using `csvParse` and renders marks via `d3.symbol`. Axes and legend are built with reusable ES6 modules for `axisLeft`, `axisBottom`, and a custom `shapeLegend`, while scales are created with `scaleLinear` and `scaleOrdinal`.

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…

Task 8 T3.1_Vitesh Chalicheemala

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, or virginica) using SVG circles. The code loads data from a GitHub-hosted CSV, parses numeric fields, and uses D3 v6 scales such as `scaleLinear` and functions like `extent`, `axisLeft`, and `axisBottom` to render axes and labels. Circle radii are fixed, while the `rx` and `ry` attributes are set from sepal measurements, though these do not visually alter the circles’ appearance. The visualization fills the browser window and includes custom axis labels.

Mmanju.972@gmail.com
91% match
Loading thumbnail…

Task8_task3-tutorial3.2

A scatter plot of Iris flower measurements maps sepal length against petal length, with species distinguished by symbol shapes and a custom legend. The visualization loads data from a GitHub-hosted CSV and renders marks using D3 v7. It demonstrates modularized code with `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbol`, and custom axis and legend functions built from `d3.axisLeft` and `d3.axisBottom`.

Mmulyasuji999@gmail.com
89% match
Loading thumbnail…

Activity6_Task3.2

This example displays a scatter plot of the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with species encoded by distinct symbols and a corresponding legend. It uses D3 v7’s `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to position marks and generate shapes. Data is loaded from a remote CSV via `csvParse` and fetched asynchronously. The visualization also demonstrates modular ES6 imports for reusable axis and legend components.

Kkrishnavisheshkatta@my.unt.edu
89% match
Loading thumbnail…

Activity-8_task-3.2

This scatter plot displays iris flower measurements, mapping sepal length on the x-axis and petal length on the y-axis, with species encoded by symbol shapes shown in a custom legend. The visualization uses D3 v7 APIs including `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` for shape encoding, and `symbol` to generate the marks. Data comes from a CSV file parsed with `csvParse`, and the chart includes labeled axes and a separate shape legend positioned within the SVG.

Ttharunramula@gmail.com
89% match
Loading thumbnail…

Task8_Tutorial3.2

This example shows a scatter plot of iris flower measurements, comparing sepal length on the x-axis against petal length on the y-axis, with each of the three species distinguished by a unique symbol shape and accompanied by a custom shape legend. The visualization is rendered using D3 v7, with axes generated via the `axisLeft` and `axisBottom` functions and marks drawn using `symbol()` with `symbolsFill` and a `scaleOrdinal` mapping species to shapes. Data is loaded from a remote CSV file and parsed with `d3.csvParse`, while the chart layout adapts to the full window size.

AAnilKumarReddyVanteru@my.unt.edu
89% match
Loading thumbnail…

Fork of Task8_Task3.2

This example shows a scatter plot of Iris flower measurements, mapping sepal length on the x-axis and petal length on the y-axis, with species distinguished by different symbol shapes. The visualization includes a custom shape legend positioned within the plot. It uses D3 v7’s `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` for shape encoding, and the `symbol` generator to render marks. Data loads asynchronously from a CSV file via `fetch` and `csvParse`, with axes and legend constructed through reusable functions that accept configurations.

Jjyothirmai318@gmail.com
89% match
Loading thumbnail…

Task 8 Tutorial 3_2

This visualization displays the Iris dataset as a scatter plot of sepal length against petal length, with three iris species distinguished by different point shapes and a shape legend. The plot uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, `symbol`, and `axisLeft`/`axisBottom` to render axes and markers. Data is loaded asynchronously from a CSV file using `csvParse` and fetched from a GitHub repository. The visualization adapts to the full browser window size.

YYeshwanth963@gmail.com
89% match
Loading thumbnail…

Task8_Tutorial3.2

This visualization displays an interactive scatter plot of the Iris dataset, mapping sepal length against petal length. Each of the three iris species is represented by a distinct symbol shape, with a custom legend identifying the species categories. The implementation uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, and `symbol` to generate the marks, while `axisLeft` and `axisBottom` render the labeled axes. Data is loaded asynchronously from a CSV file via `csvParse` and rendered within a full-window SVG canvas.

KKeerthi
89% match