Skip to main content
SimilarExport ZIP
100%

Activity 6 Task 3.2

✓ Published0🌍 Public
Ppenujulilikhil01020@gmail.com
Last edited Oct 25, 2024
Created on Oct 25, 2024
Forked from Hello VizHub

This example demonstrates a scatter plot of the Iris dataset, using D3 v7 to visualize sepal length against petal length with points colored and shaped by species. It loads data from a CSV file via a URL and renders an interactive SVG chart with labeled axes. The code highlights the use of D3 modules such as `scaleLinear`, `scaleOrdinal`, `symbol`, and `axisLeft`/`axisBottom`, along with a custom legend for categorical shapes. The visualization updates responsively to the browser window size.

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 example demonstrates a scatter plot of the Iris dataset, mapping sepal length against petal length and distinguishing species by shape. It loads data from a CSV file and uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `csvParse`. The visualization includes custom axes and a shape legend, built with reusable local ES6 modules.

Llikhitha.sarahah01@gmail.com
94% match
Loading thumbnail…

Activity6 Task3.2

This example demonstrates a scatter plot of the Iris dataset, visualizing sepal length against petal length with points colored and shaped by species. It uses D3 v7’s `scaleLinear`, `scaleOrdinal`, `symbol`, and `axisLeft`/`axisBottom` APIs to render axes and a shape legend. Data is loaded from a remote CSV via `csvParse` and rendered as SVG paths, with a custom legend showing the species categories. The visualization updates dynamically when the window size changes.

Ssumithdugyala@my.unt.edu
94% match
Loading thumbnail…

Activity6 task3.2

This example visualizes the Iris dataset as an interactive scatter plot, mapping sepal length to the x-axis, petal length to the y-axis, and distinguishing species by different symbol shapes. The plot includes labeled axes and a legend for species, rendered using D3 v7's `scaleLinear` and `scaleOrdinal`. Data is loaded via `csvParse` from a remote URL, with numeric fields converted to numbers. The chart resizes to the viewport and uses d3-fetch to load the CSV, with axes drawn via `axisLeft` and `axisBottom`.

Vvishnutejareddyambati@my.unt.edu
93% match
Loading thumbnail…

Activity 6_Task 3.2

This example displays a scatter plot of the Iris dataset, showing sepal length against petal length. Each point’s symbol (circle, triangle, or square) encodes the iris species, and a legend identifies these shapes. The visualization uses D3 v7 with `scaleLinear`, `scaleOrdinal`, and `symbol` to render marks, plus custom axis and legend modules. It loads the CSV data from GitHub, scales numeric fields on load, and renders interactively in the browser window.

DDipesh
93% match
Loading thumbnail…

Activity 6 Task 3.2

A scatter plot of the Iris dataset displays sepal length versus petal length, with points shaped by species. The visualization uses D3 v7's `scaleLinear`, `scaleOrdinal`, `symbol`, and `symbolsFill` to map data values and render distinct mark types, while a custom legend explains the shapes. Axes are drawn with `axisLeft` and `axisBottom`. Data is loaded asynchronously from a GitHub-hosted CSV and parsed with `csvParse`.

RRukmini Devi Y
93% match
Loading thumbnail…

Activity6 Task3.2

This interactive scatter plot visualizes the Iris flower dataset, mapping sepal length against petal length and encoding species with distinct symbols from a shape legend. Built with D3 v7, it loads data from a remote CSV and uses modular components including `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbol`, and custom axes and legend functions. The visualization dynamically updates to fill the viewport and recreates the plot from fetched data.

Ppslharika@gmail.com
93% match
Loading thumbnail…

Activity6_Task 3.2

This example displays an interactive scatter plot of the Iris dataset, showing sepal length against petal length. It uses a D3-based SVG rendering pipeline with multiple ES6 modules. The visualization employs D3's `scaleLinear`, `scaleOrdinal`, `symbol`, and `csvParse` functions. It includes custom axis and shape legend components, with data loaded from a CSV file hosted on GitHub, and supports dynamic resizing to the viewport.

Aaravapalliharika2002@gmail.com
93% match
Loading thumbnail…

Activity 6_Task 3.2

This example visualizes the Iris dataset as a scatter plot of sepal length against petal length, with species distinguished using different symbol shapes from D3’s `symbolsFill` and `scaleOrdinal`. A shape legend, created via custom functions, identifies each species. The code uses D3 v7 modules like `axisBottom`, `axisLeft`, `scaleLinear`, and `symbol`, loading data from a remote CSV and parsing it with `csvParse`. The visualization demonstrates modular ES6 imports and responsive SVG rendering.

NNagalakshmi Thota
93% match