Skip to main content
SimilarExport ZIP
100%

Activity_6 T3

✓ Published0🌍 Public
Bbhavanadupati3@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

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.

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_T3.2

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.

HHema Tummapala
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
94% match
Loading thumbnail…

Activity6_tutorial3.2

This interactive scatter plot visualizes the Iris dataset, showing sepal length against petal length with each species represented by a distinct symbol. The visualization uses D3.js v7 APIs including scaleLinear, scaleOrdinal, and symbol to create the plot, with axes imported from the d3-axis module. A custom shape legend displays the species mapping using D3's symbol generator. The data is loaded asynchronously from a remote CSV file and parsed using d3.csvParse, with careful number coercion for numeric columns.

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

Activity6_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. The visualization uses D3 version 7 to render SVG elements, employing `scaleLinear` for axes and `scaleOrdinal` with `symbolsFill` to map species to different point shapes. Data is loaded asynchronously through a CSV file fetch, then parsed with `csvParse` before being displayed with custom axis and shape legend components.

GGunna,Praneeth Reddy
93% match
Loading thumbnail…

Activity6-Task3.2

This example visualizes the Iris dataset with a scatter plot that encodes sepal length on the x-axis, petal length on the y-axis, and species using distinct point shapes. It demonstrates modular D3 v7 code organization with local ES6 modules for axes, scatter plot rendering, and a custom shape legend. The visualization uses `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbol`, and `d3.axisLeft`/`d3.axisBottom`. Data loads asynchronously via `fetch` and `d3.csvParse`, with points rendered as SVG paths using the d3 symbol generator.

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

activity6_task3.2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length, with dots colored and shaped by species. The visualization uses D3 v7’s modular API, including `scaleLinear` and `scaleOrdinal` for scales, `symbol` for generating mark paths, and `axisLeft`/`axisBottom` for axes. A custom legend with `symbolGenerator` maps each species to a distinct shape. The code fetches and parses the CSV data using `csvParse` and dynamically sizes the SVG to the viewport.

Bbhavyamoturi2509@gmail.com
93% match
Loading thumbnail…

Activity6_Task3.2

This example visualizes the Iris dataset as a scatter plot showing sepal length versus petal length, with species encoded by point shape and a legend. It demonstrates modular D3 code organization: a scatterPlot module manages scaling and marks, while axes and shapeLegend modules add labeled axes and a symbol legend. Data loads from a remote CSV file using d3.csvParse. The code separates visualization logic into reusable ES6 modules and uses d3.scaleLinear, d3.scaleOrdinal, d3.symbol, and d3.axisLeft/axisBottom.

Vvemulasai306@gmail.com
93% match