Skip to main content
SimilarExport ZIP
100%

Activity 7 Task 4

✓ Published0🌍 Public
AArun Pratap
Last edited Jul 10, 2023
Created on Jul 10, 2023
Forked from Hello VizHub

This example displays an interactive scatter plot of Fisher's Iris dataset, mapping sepal length and petal length while encoding species through distinct marker shapes. Built with D3.v7, it uses imports like `scaleLinear`, `scaleOrdinal`, and `symbol` to handle scaling and shape generation. The code fetches CSV data via URL, parses it with `csvParse`, and renders axes with `axisLeft` and `axisBottom`, including a custom shape legend to identify species.

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…

Activity 7 Task 4

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 species differentiated by marker shape. The D3 v7 code uses `scaleLinear`, `scaleOrdinal`, and `symbolsFill` to position points and assign shapes, while custom modules `axes.js` and `shapeLegend.js` add labeled axes and a species legend. Data is loaded from a remote CSV and parsed with `csvParse`.

MmNamratha25
93% match
Loading thumbnail…

Activity 7 Task 4

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with each species distinguished by a unique symbol shape and a corresponding legend. The code uses D3 v7 modules including `scaleLinear`, `scaleOrdinal`, `schemeCategory10`, `symbolsFill`, and `symbol` to render marks. Axes are constructed via modular `axisLeft` and `axisBottom` functions, while data is loaded asynchronously with `csvParse` from a GitHub-hosted CSV file.

MMichael Biancardi
91% match
Loading thumbnail…

Activity7 Task4

This example demonstrates a scatter plot of the Iris dataset, encoding sepal length on the x-axis, petal length on the y-axis, and species as categorical point shapes. The visualization loads data asynchronously from a CSV file and parses it with `d3.csvParse`. It uses `d3.scaleLinear` and `d3.scaleOrdinal` for scales, renders marks with the `d3.symbol` generator, and includes a custom shape legend built via a reusable ES6 module. Axes are drawn using `d3.axisLeft` and `d3.axisBottom` from a shared axes module.

HHarshithaAmbilpur
90% match
Loading thumbnail…

Activity 7-5

This example displays the classic Iris dataset as a scatter plot, mapping sepal length against petal length and encoding species with distinct symbol shapes. It renders points as scalable vector graphics using D3.js version 7, leveraging `scaleLinear`, `scaleOrdinal`, and `symbol` generators. The visualization includes labeled axes and a custom shape legend built with local ES6 modules. Data is loaded asynchronously from a remote CSV and parsed with `csvParse` before rendering.

Ppjdhungana@gmail.com
89% match
Loading thumbnail…

Activity 7 Scatter Plot

This example displays a scatter plot of the Iris dataset, mapping petal length and width to the x and y axes while coloring each point by species (setosa, versicolor, or virginica) using skyblue, lightgreen, and orange. The visualization also encodes sepal length and width as the rx and ry attributes of each circle, though these do not affect the rendered shape since the radius is fixed. It loads CSV data from a GitHub URL using `d3.csv`, applies linear scales via `scaleLinear`, and renders axes with `axisLeft` and `axisBottom`. The code uses D3 v6 through a UNPKG script import with SVG rendering.

Aanith462@gmail.com
89% match
Loading thumbnail…

Activity_7_Task_4

This scatterplot visualizes the Iris dataset, plotting sepal length against petal length while encoding species identity through point shape. The chart renders an SVG using D3 v7, with axes and scales built via `scaleLinear` and `axisBottom`/`axisLeft`. A custom shape legend using `scaleOrdinal` and `symbolsFill` distinguishes the three species, while data loads from a remote CSV and is parsed with `csvParse`. Markers are drawn as positioned `path` elements with `symbol` generators, and the visualization adapts to the full window size.

Ssreekarthanda@gmail.com
89% match
Loading thumbnail…

Activity7 Task4

This scatter plot displays Iris flower measurements, plotting sepal length against petal length for three species. The visualization uses a D3 v7 pipeline with specialized modules for axes and a custom shape legend. Data loads asynchronously from a CSV file, with numeric columns parsed for plotting. Marks are rendered as SVG paths whose shapes encode species identity, while the legend maps each shape to its corresponding species name.

Mmn0658
88% match
Loading thumbnail…

Activity 7_Task 3

This scatter plot displays the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with species distinguished by different symbol shapes. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, `axisLeft`, and `axisBottom` to render marks, axes, and a custom shape legend. Data is loaded asynchronously via `fetch` and parsed with `csvParse` from a remote CSV file. The chart updates responsively to the browser window dimensions.

KKeerthiAnnem
88% match