Skip to main content
SimilarExport ZIP
100%

Activity6_T3.2

✓ Published0🌍 Public
HHema Tummapala
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

A scatter plot visualizes the Iris dataset, with sepal length on the x-axis and petal length on the y-axis. The chart uses D3 v7 scales and axes to map the quantitative variables, while a shape legend distinguishes the three iris species using symbols. The visualization employs a modular architecture with local ES6 modules, including a reusable scatterPlot component and a custom shapeLegend, and loads data asynchronously from a CSV file via a fetch request.

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 T3

This scatter plot visualizes the Iris dataset, mapping sepal length against petal length and encoding species identity through distinct point shapes. The visualization uses D3 v7's scaleLinear, scaleOrdinal, and symbolsFill APIs to construct the axes and shape-based legend. Data is loaded from a remote CSV file via csvParse and rendered into SVG paths using the symbol generator. The example demonstrates modular code organization with local ES6 modules for axes, scatter plot, and shape legend components.

Bbhavanadupati3@gmail.com
95% match
Loading thumbnail…

activity6_t3.2

This interactive D3 v7 scatter plot visualizes the Iris dataset, plotting sepal length against petal length for individual flowers. The visualization encodes the categorical species variable through different point shapes, with a custom legend annotating each shape. Built using a modular structure with `scatterPlot`, `axes`, and `shapeLegend` modules, the example employs D3’s `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to map data to positions and glyphs, while `csvParse` loads the remote CSV data. The chart updates dynamically within an SVG canvas sized to the browser window.

Llingaladineshteja23@gmail.com
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_task3.2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length, with each of the three species represented by a distinct symbol shape and a corresponding legend. The visualization uses d3.scaleLinear for the x and y axes, d3.scaleOrdinal with d3.symbolsFill for species-based shapes, and d3.axisLeft and d3.axisBottom for the axes. Data is loaded asynchronously via fetch and parsed with d3.csvParse.

Aakitisaitejareddy@gmail.com
92% match
Loading thumbnail…

Activity6-3.1

This scatter plot visualizes the Iris dataset, plotting sepal length against petal length, with points colored and shaped according to species. The visualization uses D3 v7's `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` for categorical shapes, and a custom legend to map species to distinct symbols. Data is loaded asynchronously from a remote CSV file using `csvParse`, and the axes and legend are rendered via reusable D3 modules.

BBibek Lamsal
92% match
Loading thumbnail…

Activity6 task3.2

This scatter plot visualizes the Iris dataset, plotting sepal length against petal length. Each point is rendered as a distinct symbol—circle, cross, or square—to represent the three species of Iris flowers, categorized on a categorical color scale. The visualization is built using D3.js (v7), using the `scaleLinear` and `scaleOrdinal` APIs to map data to positions and symbols. Axes and a shape legend are drawn using custom `axes` and `shapeLegend` modules, which utilize D3’s `axisLeft` and `axisBottom` functions. Data is loaded from a remote CSV file and parsed with `csvParse`.

Hhkodiripaka15@gmail.com
92% match
Loading thumbnail…

Activity6_Task3.2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length, with each species represented by a distinct symbol shape. The plot encodes the three Iris species through shape, using d3.scaleOrdinal with symbolsFill to assign different geometric marks, while a custom legend explains the species mapping. Axes are rendered via d3.axisLeft and d3.axisBottom, with labels for both dimensions. The data is loaded asynchronously from a GitHub-hosted CSV file using d3.csvParse, and the visualization updates through a state management pattern that handles loading and rendering.

Nnikhilthoutu24@gmail.com
92% match
Loading thumbnail…

Activity6_task3.2

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with categorical species encoded through different point shapes. The visualization uses D3.js v7 to render the plot, with axes generated via `axisLeft` and `axisBottom` from the `d3` module. A custom shape legend explains the species-to-symbol mapping, built using `d3.symbol()` and `d3.symbolsFill`. Data is fetched as CSV and parsed with `d3.csvParse`, with numeric columns converted for scaling. The implementation demonstrates modular D3 components for reusable chart construction, including separate `axes.js` and `shapeLegend.js` modules composed within the main `scatterPlot.js` layout.

Vvidyagangasani@my.unt.edu
92% match