Skip to main content
SimilarExport ZIP
100%

Activity6_task3.2

✓ Published0🌍 Public
PPreethi Medepalli-91
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Activity6_task3

This interactive scatter plot visualizes the Iris dataset, displaying sepal length against petal length for each flower specimen. The visualization uses symbols to differentiate species, with a shape legend identifying each category. Built with D3 v7, the example demonstrates ES6 module imports, including `scaleLinear` for axes, `scaleOrdinal` for shape mapping, and `axisLeft` and `axisBottom` for chart scaffolding. The data is fetched from a remote CSV source and parsed client-side before rendering.

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_task 3.2

This example visualizes the Iris dataset as a scatter plot of sepal length against petal length, with each species distinguished by a distinct symbol shape and a legend labeling the species. The visualization loads the CSV data via fetch and d3.csvParse, then renders the plot using D3.js v7, constructing linear scales, ordinal shape encoding, and axes. The chart relies on reusable D3 modules for scatter plot rendering, axes, and a custom shape legend, with symbols generated via the d3.symbol and symbolsFill API.

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

Activity 6_Task 3.2

This example presents a scatter plot of the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with species encoded by distinct point shapes. The visualization is rendered as an SVG that fills the browser window, using D3 v7’s scaleLinear for axes, scaleOrdinal for shape mapping, and symbol generators for markers. Data is loaded asynchronously from a remote CSV file, parsed with csvParse, and refreshed via a state-based render loop.

PPreethamreddyannavaram@my.unt.edu
94% match
Loading thumbnail…

Activity6 Task3.2

This interactive scatter plot visualizes the Iris flower dataset, mapping sepal length against petal length and encoding species with distinct symbols from a shape legend. Built with D3 v7, it loads data from a remote CSV and uses modular components including `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbol`, and custom axes and legend functions. The visualization dynamically updates to fill the viewport and recreates the plot from fetched data.

Ppslharika@gmail.com
94% match
Loading thumbnail…

Activity-6(Task3)

This interactive scatter plot visualizes the Iris dataset, displaying sepal length against petal length while distinguishing the three species of iris flowers through different symbol shapes. The visualization uses D3 v7 with scales and axes from the d3-scale and d3-axis modules, and encodes species using d3.scaleOrdinal with symbolsFill and symbol generators. Data is loaded from a remote CSV file, and the chart includes custom axis labels and a shape legend to identify species categories.

Vvandanakosuri@my.unt.edu
94% match
Loading thumbnail…

Activity6_Task3.2

This interactive scatter plot visualizes the Iris dataset, mapping sepal length against petal length and distinguishing species by shape. It uses D3 v7, loaded via UNPKG, with imported utilities like `scaleLinear`, `scaleOrdinal`, and `symbol`. The chart fetches CSV data from a GitHub repository, parses it with `csvParse`, and renders axes, labels, and a custom shape legend. The code demonstrates modular ES6 imports and D3's join-based selection pattern for declarative updates.

Gganeshseeram5decem@gmail.com
94% match
Loading thumbnail…

Activity6Task3.2

This interactive scatter plot visualizes the Iris dataset, mapping sepal length to the x-axis, petal length to the y-axis, and using different symbol shapes to distinguish species. A custom legend labels each shape with its corresponding species. The visualization loads the data from a raw CSV file, parses it with `d3.csvParse`, and renders the plot using `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.symbol`. Axes and labels are generated through a reusable module that calls `d3.axisLeft` and `d3.axisBottom`.

Ssatishvelaga02@gmail.com
94% 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
94% 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
94% match