Skip to main content
SimilarExport ZIP
100%

task3.2

✓ Published0🌍 Public
Yyashwanthkirla95@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

This example demonstrates a scatter plot of the Iris dataset, mapping sepal length to the x-axis, petal length to the y-axis, and encoding species with distinct shapes. The visualization uses D3's `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs to render the data points, while `axisLeft` and `axisBottom` from D3 handle the axes. A custom shape legend is built using the `symbol()` generator. The data is loaded asynchronously via `fetch` from a remote CSV file, then parsed with `csvParse` before being rendered.

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 3.2

This example shows a scatter plot of the Iris dataset, with sepal length mapped to the x-axis, petal length to the y-axis, and species distinguished by different symbol shapes. A custom shape legend labels each species group. The visualization loads CSV data via `d3.csvParse` and uses D3 v7’s `scaleLinear`, `scaleOrdinal`, `symbol`, `symbolsFill`, and axis functions (`axisLeft`, `axisBottom`) to render marks and axes. A local ES6 module structure organizes the code into separate files for the chart, axes, and legend.

Jjangalaupender@my.unt.edu
95% match
Loading thumbnail…

task 3.2

This example displays a scatter plot of the Iris dataset, plotting sepal length against petal length. Points are colored and shaped according to species, with a custom legend identifying each species by its unique symbol. The visualization uses D3.js (v7) to fetch and parse the CSV data from a GitHub repository, then renders the plot within an SVG. It constructs axis scales with `scaleLinear`, applies shape encodings through `scaleOrdinal` and `symbolsFill`, and generates marks via `symbolGenerator`, with axes and legends created by custom functions.

Ssatvikreddy79@gmail.com
95% match
Loading thumbnail…

Task_3.2

This visualization shows a scatter plot of the Iris dataset, mapping sepal length on the x-axis against petal length on the y-axis, with points styled by species using different D3 symbols. The code loads data from a CSV file via the Fetch API and parses it with d3.csvParse, then renders the plot using d3.scaleLinear for axes, d3.scaleOrdinal with d3.symbolsFill for shape encoding, and d3.axisLeft/axisBottom via the custom axes module. A custom shape legend module displays the species categories using d3.symbol, while D3’s join pattern handles dynamic element updates.

Rrakesh.kavuru@outlook.com
95% match
Loading thumbnail…

Activity6_Task3.2

This example demonstrates a scatter plot of the Iris dataset, showing sepal length versus petal length with different point shapes representing species. The visualization loads data from a GitHub-hosted CSV file, parses it with `d3.csvParse`, and renders points using D3 v7's `scaleLinear`, `scaleOrdinal`, and `symbol` generators. A custom shape legend, implemented as an ES6 module, displays the three species with matching symbols. Axes are drawn using `axisLeft` and `axisBottom`, with labels positioned via D3 selection methods.

Gguttavenkata745@gmail.com
94% match
Loading thumbnail…

Ass8_task3.2

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 shape symbols. It uses D3 v7 modules including `scaleLinear`, `scaleOrdinal`, `symbol`, and `axisLeft`/`axisBottom` to render axes and a custom shape legend. The data is loaded via `fetch` from a GitHub raw CSV and parsed with `csvParse`, with numeric fields coerced to numbers before plotting in a full-window SVG.

AAbdul Kareem
93% match
Loading thumbnail…

Task-3.2

This scatter plot displays the relationship between sepal length and petal length for the Iris dataset, with species differentiated by shape. The visualization uses D3 v7's `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs to map data to positions and shapes, while `axisLeft` and `axisBottom` render the axes. A custom `shapeLegend` built with D3's `symbol` generator and tick marks shows the species mapping. Data is loaded via `csvParse` from a remote GitHub-hosted CSV file, and the chart fills the browser window using `window.innerWidth` and `window.innerHeight`.

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

activity6_task3.2

This example shows a scatter plot of the Iris dataset, mapping sepal length against petal length, with points shaped according to species. A custom shape legend identifies the three species. The visualization is built with D3 v7, using scaleLinear for axes, scaleOrdinal for shape encoding, and the axisBottom and axisLeft components. Data is loaded from a remote CSV and parsed with csvParse, while symbolsFill and symbol generate the point marks.

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

Task-3.2

This example renders a scatter plot of the Iris dataset, showing sepal length versus petal length with points colored and shaped by species. It loads data via a remote CSV URL using `d3.csvParse` and builds the visualization with D3 v7, including `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbol` for custom point shapes, and a custom axes module using `d3.axisLeft` and `d3.axisBottom`. A separate shape legend module displays the species symbols, and the code demonstrates ES6 module imports across local files.

Kkotipallipavan54@gmail.com
93% match