Skip to main content
SimilarExport ZIP
100%

Activity 6_Task 4

✓ Published0🌍 Public
Rrahulsiddhartha123@outlook.com
Last edited Apr 12, 2024
Created on Apr 12, 2024
Forked from Hello VizHub

This interactive scatter plot visualizes the Iris dataset, mapping sepal length against petal length and using different point shapes to distinguish species. The D3 v7 visualization updates dynamically as data loads asynchronously. It employs D3's `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to render the plot, alongside custom modules for axes and shape legends. The chart demonstrates reusable D3 pattern joins, fetch-based CSV loading via `csvParse`, and configurable margin and label options.

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 6 Task 3.2

This interactive scatter plot visualizes the Iris dataset, plotting sepal length against petal length for individual flowers, with the species of each flower encoded by the shape of the point marker. The visualization uses D3 v7 to create a custom scatter plot, leveraging `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and the `symbol` API to generate distinct shapes for each species. A custom legend, built with `join` operations, displays the shape-to-species mapping. The data is loaded asynchronously from a CSV file using `csvParse` and fetched from a GitHub repository, with the plot updating once the data is ready.

Aanisha.peddireddy@gmail.com
94% match
Loading thumbnail…

Activity6_Task3.2

This interactive scatter plot visualizes the Iris dataset, displaying sepal length against petal length with points colored by species. Built with D3 v7, it uses d3.scaleLinear for axes, d3.scaleOrdinal with d3.symbolsFill to map species to distinct shapes, and d3.axisLeft/axisBottom for tick marks. A custom legend, rendered using d3.symbol, identifies each species. Data loads asynchronously from a CSV file and is parsed with d3.csvParse, with the chart resizing to fill the viewport.

Ssiddhubhupathi@gmail.com
94% match
Loading thumbnail…

Activity 6_Task 3.2

This interactive scatter plot visualizes the Iris dataset, mapping sepal length against petal length. Each point is colored and shaped by species, with a custom legend explaining the symbols. The visualization uses D3 version 7, employing the `symbol()` API from `d3` to generate distinct mark shapes, `scaleLinear` for axes, and `scaleOrdinal` for the categorical species mapping. Data is loaded from a remote GitHub CSV file and parsed with `csvParse`. The chart is rendered using an SVG canvas.

Mmsnikhil2608@gmail.com
93% match
Loading thumbnail…

Activity6_Task3.2

This interactive scatter plot visualizes the Iris dataset, mapping sepal length and petal length while encoding species through distinct point shapes. The chart includes labeled axes (Sepal Length, Petal Length) and a custom shape legend in the upper right. Built with D3 v7, it uses `scaleLinear` for axes and `scaleOrdinal` with `symbolsFill` for shape mapping. The visualization loads data asynchronously via `csvParse` from a GitHub-hosted CSV, then densely renders marks using `path` elements and the `symbol()` generator.

SSatish Nallamadugu
93% match
Loading thumbnail…

Activity 6 Task 3.2

This interactive scatter plot visualizes the Iris dataset, displaying sepal length against petal length for different iris species. The visualization uses D3 v7 to render points with distinct shapes representing species categories, accompanied by axes and a shape legend to differentiate groups. Data is loaded from a remote CSV file via `csvParse`, with numerical parsing applied to measurement columns. The plot uses a linear scale for both axes and an ordinal scale for categorical species encoding, with the shape legend positioned independently of the main plot.

Ssagipavan2385@gmail.com
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 scatter plot visualizes the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with species indicated by different filled symbols. The chart includes a shape legend and labeled axes, rendered using D3 v7 with a custom scatterplot module that relies on `scaleLinear` for the axes and `scaleOrdinal` for the symbol mapping. Data is loaded asynchronously from a CSV file, and the visualization updates dynamically as the data state transitions from loading to parsed.

Ssindhuja27b@gmail.com
93% match
Loading thumbnail…

Activity 6 Task 3.2

This interactive scatter plot visualizes the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis while encoding species through distinct symbol shapes. The visualization uses D3 v7’s `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to render marks and a custom shape legend. Data is loaded asynchronously from a GitHub-hosted CSV file using `d3.csvParse`, with axis labels generated via reusable `axisLeft` and `axisBottom` functions. Each point is drawn as a `path` element, and the legend displays the three species categories.

Rrahulnathmukkolla@gmail.com
93% match