Skip to main content
SimilarExport ZIP
100%

Activity6_Task3.2

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

This example displays a scatter plot of the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with species encoded by distinct symbols and a corresponding legend. It uses D3 v7’s `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to position marks and generate shapes. Data is loaded from a remote CSV via `csvParse` and fetched asynchronously. The visualization also demonstrates modular ES6 imports for reusable axis and legend components.

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 shows a scatter plot of the Iris dataset, mapping sepal length to petal length and encoding species with distinct symbols. It uses D3 v7 modules such as `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `symbol` to draw marks and axes. The visualization is built with modular ES6 imports for chart, axes, and legend components. Data is loaded asynchronously via `fetch` and parsed with `csvParse`, then rendered in an SVG that fills the window.

LLakshmiDeepikaPagadala@my.unt.edu
96% match
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
96% 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
95% match
Loading thumbnail…

Activity6_Task3.1

This example shows an interactive scatter plot of the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with each species represented by a distinct symbol shape. The visualization uses D3.js v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbolGenerator` to render the marks, while a custom shape legend displays the species categories. Data is loaded asynchronously from a GitHub-hosted CSV file using `fetch` and parsed with `csvParse`, with numerical fields coerced to numbers before plotting. The chart includes labeled axes and a legend, all rendered within an SVG canvas sized to the full viewport.

Bbudalavijay2001@gmail.com
95% match
Loading thumbnail…

Activity6_Task3.2

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis, petal length on the y-axis, and encoding species by symbol shape. It uses d3.scaleLinear for axes, d3.scaleOrdinal with symbolsFill for shapes, and a custom legend showing species markers. Data is loaded via fetch as CSV and parsed with d3.csvParse, with axes and legend rendered using d3.axisLeft, d3.axisBottom, and d3.symbol.

Ppadiginetivishnupriya@gmail.com
95% match
Loading thumbnail…

Activity6_Task3.2

This example shows a scatter plot of the Iris dataset, encoding sepal length on the x-axis, petal length on the y-axis, and species using different D3 symbol shapes, with a legend for the shapes. The visualization loads data from a remote CSV file via `fetch` and `csvParse`, then uses `scaleLinear`, `scaleOrdinal`, and `symbol` to map data to positions and shapes. It builds the chart using `svg.call` with reusable modules for axes and legend, and updates dynamically through a state-based render loop.

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

Activity6_Task3.2

This example displays a scatter plot of the Iris dataset, mapping sepal length against petal length and encoding species with different point shapes. It uses D3 v7 to load data via CSV, construct linear scales, and render symbols from `symbolsFill`. The visualization includes axes and a custom legend built with reusable ES6 modules, demonstrating data fetching and modular code organization.

Ssaiteja.cse.rymec@gmail.com
95% match
Loading thumbnail…

Activity6_Task3.2

This example shows a scatter plot of the Iris dataset, mapping sepal length and petal length along the x- and y-axes. It uses D3 v7 to load and parse the data via `csvParse`, and renders marks with `scaleLinear` and an ordinal shape scale using the symbols from `symbolsFill`. A custom legend displays the three species categories. The visualization is drawn in an SVG container sized to the window, with axes and labels generated by custom `axes` and `shapeLegend` modules.

Vvarshithainaganti@gmail.com
95% match