Skip to main content
SimilarExport ZIP
100%

Tutorial -3.2 Task-3

✓ Published0🌍 Public
Ddaneeshchowdary18@gmail.com
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from Hello VizHub

This scatter plot visualizes the relationship between sepal length and petal length for Iris flowers, with different species distinguished by distinct point shapes. It loads D3 v7 and CSV data from a remote GitHub repository, using `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbolsFill`, and `d3.symbol` to map data attributes to coordinates and shapes. The implementation uses reusable modules for axes, scatter plot, and legend rendering, with `d3.select` and `.join` for declarative SVG updates.

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…

Task3.2

This interactive scatter plot displays the relationship between sepal length and petal length for three iris species, distinguishing each species with a distinct symbol shape and a legend. The visualization uses D3 v7 scales, axes, and reusable chart modules, with the scatterPlot component rendering SVG path marks via d3.symbol. The axis and legend components are composed using D3’s selection joins and call syntax. Data loads asynchronously from a remote CSV file, parsed with d3.csvParse, and scales are computed from extents using d3.scaleLinear and d3.scaleOrdinal.

Ssindhuja27b@gmail.com
92% match
Loading thumbnail…

Tutorial-3.1 Task3

This example presents scatter plots of the Iris dataset, visualizing petal dimensions as the primary axes, while encoding sepal dimensions through non-standard circle attributes (`rx` and `ry`). It renders as an SVG using D3 version 6, loaded via UNPKG, and leverages D3 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`. The code colors data points by species (setosa, versicolor, virginica) and loads the dataset from a GitHub Gist URL.

Ddaneeshchowdary18@gmail.com
92% match
Loading thumbnail…

Task8_Tutorial3.2

This scatter plot displays the relationship between sepal length and petal length for the Iris dataset, with points colored and shaped by species. It uses D3 v7’s `scaleLinear` and `scaleOrdinal` for axes and shape encoding, while `symbol` and `symbolsFill` generate distinct point markers. Data is loaded from a remote CSV via `csvParse`.

Sshraehithareddy@gmail.com
92% match
Loading thumbnail…

Task 8 tutorial 3.2

This scatter plot displays the relationship between sepal length and petal length for iris flowers, with species encoded through different symbol shapes. It uses D3 v7's `scaleLinear`, `scaleOrdinal`, and `symbolsFill` to map data to positions and shapes. The visualization fetches the iris dataset from a GitHub-hosted CSV file, parses it with `csvParse`, and renders axes via `axisLeft` and `axisBottom`, alongside a custom legend built with `symbol()`.

Vvchittimadha@gmail.com
92% match
Loading thumbnail…

Task-8-Tutorial-3.2

This scatter plot visualizes the Iris dataset, showing the relationship between sepal length and petal length, with points shaped according to species. The chart uses d3.scaleLinear for axes and d3.scaleOrdinal with d3.symbolsFill to map species to distinct shapes, rendered via d3.symbol. A custom shape legend clarifies the species mapping. Data is loaded asynchronously from a CSV file hosted on GitHub, parsed with d3.csvParse, and rendered using D3’s join operation within a React starter framework.

Mmdadeebfarhaan@gmail.com
92% match
Loading thumbnail…

Tutorial 3.2

This scatter plot displays the relationship between sepal length and petal length for iris flowers, with species differentiated by symbol shapes. The visualization uses D3 v7's scaleLinear for axes, scaleOrdinal with symbolsFill for shape encoding, and a custom shape legend to identify species. Data is loaded asynchronously from a CSV file containing the classic iris dataset. The axes and legend components are modularized into separate functions, with the chart updating responsively to the browser window size.

Jjtulasi05@gmail.com
92% match
Loading thumbnail…

Activity6_Task3(Tutorial-3.2 )

This scatter plot displays the relationship between sepal length and petal length for iris flowers, with species indicated through distinct symbol shapes. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol()` to map data values to positions and shapes. It features axes with labels via `axisLeft` and `axisBottom`, plus a custom shape legend positioned within the chart. Data is loaded from a CSV file hosted on GitHub, parsed with `csvParse`, and rendered using SVG paths generated by D3's symbol generator.

Kkandulasunny17@gmail.com
92% match
Loading thumbnail…

Tutorial Activity6_Task3.2

This interactive scatter plot displays the relationship between sepal length and petal length for three iris species, distinguished by different D3 symbol shapes. Using d3.scaleLinear for axes and d3.scaleOrdinal with symbolsFill for shapes, it renders SVG paths via the d3.symbol generator. A custom shapeLegend displays species categories. Data is loaded asynchronously via fetch and parsed with d3.csvParse from a remote CSV file, with numeric fields converted before plotting.

Kkrunalpatel@my.unt.edu
92% match