Skip to main content
SimilarExport ZIP
100%

Activity-6_Task-3.2

✓ Published1🌍 Public
HHarshathBudida@my.unt.edu
Last edited Apr 4, 2024
Created on Apr 3, 2024
Forked from Hello VizHub

This D3.js v7 example visualizes the Iris dataset as a scatter plot, mapping sepal length to the x-axis and petal length to the y-axis, with species encoded by shape using `d3.symbolsFill` and `d3.scaleOrdinal`. It loads D3 via UNPKG and uses local ES6 modules. The chart renders axes with `d3.axisLeft` and `d3.axisBottom`, a shape legend, and fetches data from a GitHub-hosted CSV, parsing it with `d3.csvParse`.

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

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
93% match
Loading thumbnail…

Activity6_Task3.2

This example visualizes the Iris dataset as a scatter plot, mapping sepal length on the x-axis and petal length on the y-axis. Data points are drawn as different shapes corresponding to the three iris species, with a custom shape legend explaining the mapping. The code uses d3.csvParse to load the data and d3.scaleLinear, d3.scaleOrdinal, and d3.symbol to encode values and shapes. Axes are generated with d3.axisLeft and d3.axisBottom, while the visualization updates dynamically as data loads via a simple state-based rendering pattern.

Ss.harshinisai01@gmail.com
92% match
Loading thumbnail…

Activity 6_Task 3.2

This example visualizes the Iris dataset as a scatter plot of sepal length against petal length, with species distinguished using different symbol shapes from D3’s `symbolsFill` and `scaleOrdinal`. A shape legend, created via custom functions, identifies each species. The code uses D3 v7 modules like `axisBottom`, `axisLeft`, `scaleLinear`, and `symbol`, loading data from a remote CSV and parsing it with `csvParse`. The visualization demonstrates modular ES6 imports and responsive SVG rendering.

NNagalakshmi Thota
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…

ACTIVITY6_task3.2

This D3.js visualization is a scatter plot of the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis. Each point’s shape encodes the iris species, with a legend distinguishing the three categories. The chart uses axes created with `d3.axisLeft` and `d3.axisBottom`, and point shapes are generated via `d3.symbol` with a `symbolsFill` scale. Data is loaded asynchronously from a remote CSV and parsed with `d3.csvParse`, with numeric fields converted for plotting.

Kkbhavithareddy06@gmail.com
92% match
Loading thumbnail…

Activity6_Task3.2

This example demonstrates a scatter plot of the classic Iris dataset, showing sepal length against petal length, with each point’s shape indicating its species. It uses D3 v7 with the `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs to create the plot and a custom shape legend. The visualization loads the CSV data via a remote URL, parses it with `csvParse`, and renders the chart using an SVG canvas. The code organizes chart components into local ES6 modules for axes, scatter plot, and legend, imported through `import` statements.

Rrakshithareddy217@gmail.com
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
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