Skip to main content
SimilarExport ZIP
100%

task 3.2

✓ Published0🌍 Public
Jjangalaupender@my.unt.edu
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from Hello VizHub

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.

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…

task3.2

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.

Yyashwanthkirla95@gmail.com
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
94% 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
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
Loading thumbnail…

Activity6_Task3.2

This example demonstrates a scatter plot of the Iris dataset, encoding sepal length and petal length on the x- and y-axes while using distinct symbol shapes to represent species. The visualization loads CSV data from a remote source, parses it with `d3.csvParse`, and renders marks using the `symbol` generator from D3 v7. A custom legend built with D3's `scaleOrdinal` and `symbolsFill` maps species names to shapes, with axes created via `axisLeft` and `axisBottom`. The code is modularized into local ES6 modules for the scatter plot, axes, and legend.

Ssasidhharreddy@gmail.com
93% match
Loading thumbnail…

Activity6_Task 3.2

This example demonstrates a scatter plot that visualizes the Iris dataset, mapping sepal length and petal length on the axes while using distinct symbol shapes to represent the three iris species. The visualization includes labeled axes and a custom shape legend. Built with D3 v7, the code uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.symbolsFill` for shapes, and `d3.csvParse` to load the data. A modular ES6 structure separates the chart, axes, and legend into local modules.

Vvankayalapatimounika2000@gmail.com
93% match
Loading thumbnail…

Activity6_Task3.2

This example demonstrates a scatter plot of the classic Iris dataset, showing sepal length against petal length, with each point’s shape indicating its species. It uses D3 v7 with the `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs to create the plot and a custom shape legend. The visualization loads the CSV data via a remote URL, parses it with `csvParse`, and renders the chart using an SVG canvas. The code organizes chart components into local ES6 modules for axes, scatter plot, and legend, imported through `import` statements.

Rrakshithareddy217@gmail.com
93% match