Skip to main content
SimilarExport ZIP
100%

Activity6_Task3.2

✓ Published1🌍 Public
KKondreddy Saikiran reddy
Last edited Apr 3, 2024
Created on Apr 3, 2024
Forked from Hello VizHub

A scatter plot displays iris flower measurements, using D3 v7 scales and SVG symbols to encode sepal length on the x-axis and petal length on the y-axis, with species represented by distinct symbol shapes. The example loads the iris dataset from a GitHub CSV, parses it with d3.csvParse, and renders axes with axisBottom/axisLeft plus a custom shape legend. A modular structure imports d3 functions like scaleLinear and scaleOrdinal across separate ES6 modules, demonstrating local and external imports within a VizHub project.

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

A scatter plot displays iris flower measurements, using D3 v7 scales and SVG symbols to encode sepal length on the x-axis and petal length on the y-axis, with species represented by distinct symbol shapes. The example loads the iris dataset from a GitHub CSV, parses it with d3.csvParse, and renders axes with axisBottom/axisLeft plus a custom shape legend. A modular structure imports d3 functions like scaleLinear and scaleOrdinal across separate ES6 modules, demonstrating local and external imports within a VizHub project.

KKondreddy Saikiran reddy
100% match
Loading thumbnail…

Activity6_Task3.2

This example demonstrates a scatter plot of iris flower measurements, encoding sepal and petal length on the axes and using different symbols to distinguish species. It loads the Iris dataset from a GitHub-hosted CSV file and parses it with `d3.csvParse`. The visualization is built with D3 v7, using `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.symbolsFill` for shape encoding, and modular ES6 imports for reusable axes and legend components. The legend is rendered with `d3.symbol` positioned at a fixed coordinate within the SVG canvas.

KKhushi Desai
92% match
Loading thumbnail…

Activity6_Task3.1

This example displays a scatter plot of the Iris dataset, using distinct symbol shapes for each species to show petal length against sepal length. It loads D3 v7 via UNPKG and demonstrates modular ES6 imports for local modules like `scatterPlot.js` and `axes.js`. The visualization uses `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbolsFill`, and `d3.symbol` to render shapes, while a custom legend with `d3.axisLeft` and `d3.axisBottom` shows the species mapping. Data is fetched as CSV and parsed with `d3.csvParse`.

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

Activity6_Task3.2

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.

Kkrishnavisheshkatta@my.unt.edu
92% match
Loading thumbnail…

Activity 6 Task-3.2

A scatter plot displays Iris flower measurements, mapping sepal length along the x-axis and petal length along the y-axis, with each species distinguished by a different symbol shape from the `symbolsFill` scale. The example uses D3 v7 modules including `scaleLinear`, `scaleOrdinal`, `axisLeft`, and `axisBottom`, plus custom local ES6 modules for axes and a shape legend. Data loads asynchronously from a remote CSV file via `fetch` and `csvParse`, with numeric fields coerced for plotting.

Kkesava
92% match
Loading thumbnail…

Activity8_Task-3.2

This scatter plot displays iris flower measurements, plotting sepal length on the x-axis against petal length on the y-axis, with different species differentiated by shape markers and a legend. The visualization loads CSV data from a GitHub repository, parses it with `d3.csvParse`, and renders the chart using D3 v7’s `scaleLinear` and `scaleOrdinal` for scales, `symbolsFill` for shape encoding, and custom components for axes and shape legend. The plot utilizes `d3.select` and the join pattern to manage SVG elements dynamically, with the legend positioned at a fixed offset.

HHarika Metta
92% match
Loading thumbnail…

Activity6_Task3.2

A D3.js v7 scatter plot displays the Iris dataset from a CSV file, mapping sepal length to the x-axis and petal length to the y-axis. Species are encoded using different symbol shapes via `d3.symbol` and `scaleOrdinal`, with a custom legend for the shape categories. The visualization uses `d3.scaleLinear` for both axes, `d3.extent` for domains, and custom modules for axes and shape legend rendering, with margins and axis labels configured.

Jjtulasi05@gmail.com
92% match