Skip to main content
SimilarExport ZIP
100%

t-3.2

✓ Published0🌍 Public
AArunVurukonda@my.unt.edu
Last edited Oct 25, 2024
Created on Oct 25, 2024

This example demonstrates a scatter plot visualizing the Iris dataset, encoding sepal length on the x-axis, petal length on the y-axis, and species as different point shapes. It loads data from a GitHub-hosted CSV file using the Fetch API and `d3.csvParse`. The visualization uses `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbol`, and `d3.axisLeft`/`d3.axisBottom` for axes, rendered within an SVG sized to the browser window. A custom legend module displays the shape-to-species mapping.

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…

t3.2

This example uses a D3.js scatter plot to visualize the Iris dataset, plotting sepal length against petal length while encoding species through distinct point shapes. The visualization includes labeled axes, a custom shape legend, and a responsive SVG canvas that fills the browser window. The code leverages D3’s `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs, along with helper modules for axes and legend rendering, and fetches the CSV data from a remote GitHub repository.

Aamshureddy13@gmail.com
93% match
Loading thumbnail…

act6 t3.2

This example visualizes the Iris dataset as a scatter plot, showing sepal length against petal length for different species. The species are distinguished using different symbols via a categorical color scale and a shape legend with tick marks. The visualization is built with D3 v7, using scaleLinear, scaleOrdinal, symbol, axisLeft, and axisBottom. Data is loaded asynchronously from a CSV file using d3.csvParse and rendered into an SVG, with modular functions for axes, scatter plot, and legend composition.

Sshravan.s0710@gmail.com
91% match
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
90% 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
90% match
Loading thumbnail…

t-3

This scatter plot visualizes the Iris dataset, showing petal length versus petal width for individual flowers, with each species—setosa, versicolor, and virginica—colored distinctly. The code loads data via `d3.csv`, scales the axes with `d3.scaleLinear`, and renders circles as SVG marks. It also attaches a second, unused pair of sepal measurements to each point’s `rx` and `ry` attributes. Axis labels and ticks are generated using `d3.axisLeft` and `d3.axisBottom`.

AArunVurukonda@my.unt.edu
90% match
Loading thumbnail…

tutorial 3.2

This example shows an interactive scatter plot of the Iris dataset, comparing sepal length against petal length, with each of the three species distinguished by a unique symbol shape via a custom legend. The visualization is built with D3 v7, using `d3.scaleLinear` for axes, `d3.scaleOrdinal` and `d3.symbolsFill` to map species to symbols, and `d3.csvParse` to load and parse the remote CSV data. Custom modules handle axis rendering and legend construction, with the chart filling the entire viewport.

VVrushikaKanaparthy@my.unt.edu
90% match
Loading thumbnail…

tutorial3.2

This example demonstrates a scatter plot of the Iris dataset, showing sepal length versus petal length, with species encoded by symbol shapes and a corresponding shape legend. The visualization uses D3 v7 APIs including `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbol`, `d3.axisLeft`, and `d3.axisBottom`. Data is loaded asynchronously as CSV and parsed with `d3.csvParse`. The code is modularized into separate ES6 modules for the scatter plot, axes, and legend, built as a reusable visualization component.

Nnikhithaaitha22@gmail.com
90% match
Loading thumbnail…

Tutorial_3.2

This example demonstrates a D3.js scatter plot of the Iris dataset, showing sepal length against petal length with species encoded by symbol shapes. It uses D3 modules like `csvParse`, `scaleLinear`, `scaleOrdinal`, `schemeCategory10`, and `symbol` to render the marks. It also includes custom axes and a shape legend built with `axisLeft`, `axisBottom`, and `symbolGenerator`. Data is fetched from a CSV file via UNPKG and processed into numeric fields before visualization.

HHarshithakodakandla@my.unt.edu
90% match