Skip to main content
SimilarExport ZIP
100%

tutorial3_extended

✓ Published1🌍 Public
Ppavanpkkalyan3@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Task 3 3.2

This scatter plot displays the relationship between sepal length and petal length for Iris flowers, with species differentiated by shape. Built with D3 v7, it uses `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` for categorical shapes, and custom modules for axes and a shape legend. Data is loaded from a CSV file via `fetch` and parsed with `csvParse`, then rendered as SVG paths using the `symbol` generator.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

tutorial 3.2

This example shows a scatter plot of iris flower measurements, mapping sepal length against petal length and using different shapes to distinguish species. It loads the dataset from a remote CSV file and renders the chart using D3 v7. The code builds the visualization with a compositional approach, using `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.symbolsFill` for shape encoding, and custom modules for drawing axes and a shape legend. The chart updates declaratively via D3's `selection.join` operations.

Ppavanbellam@my.unt.edu
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
91% match
Loading thumbnail…

Activity6_Tutorial3.2

This scatter plot displays the relationship between sepal length and petal length for three iris species, distinguished by shape and a legend. The visualization uses D3 v7 APIs like `scaleLinear`, `scaleOrdinal`, and `symbolGenerator`, with axes created via `axisLeft` and `axisBottom`. Data is fetched from a remote CSV and parsed with `csvParse`, rendering marks as SVG paths within a scalable viewport sized to the window.

Hhemalathayella@my.unt.edu
91% match
Loading thumbnail…

Fork of tutorial3_extended

This scatter plot displays the relationship between sepal length and petal length for the Iris dataset, with points colored and shaped by species. The plot is built using D3 v7’s modular APIs, including `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` for shape mapping, and a custom `axes` module for labeled axes. A separate legend, created with `symbol` and `tick` elements, clarifies the species symbols. Data is fetched from a remote CSV and parsed with `csvParse`, while the chart’s size adapts to the browser window.

Kkaushikreddy901@gmail.com
90% match
Loading thumbnail…

Tutorial 3.2

This scatter plot shows the relationship between sepal length and petal length for three iris species, with each species represented by a distinct symbol shape and color. The visualization uses D3’s scaleLinear, scaleOrdinal, and axis utilities to position marks and render labeled axes. A shape legend, built with the d3.symbol API, identifies species symbols. The data is loaded from a remote CSV, parsed with csvParse, and rendered on an SVG canvas. The example demonstrates custom reusable components for axes and legends using the select and join pattern.

Sshivasaikumart@gmail.com
90% match
Loading thumbnail…

tutorial 3.2

This example shows an interactive scatter plot of the Iris dataset, comparing sepal length against petal length, with each of the three species distinguished by a unique symbol shape via a custom legend. The visualization is built with D3 v7, using `d3.scaleLinear` for axes, `d3.scaleOrdinal` and `d3.symbolsFill` to map species to symbols, and `d3.csvParse` to load and parse the remote CSV data. Custom modules handle axis rendering and legend construction, with the chart filling the entire viewport.

VVrushikaKanaparthy@my.unt.edu
90% match
Loading thumbnail…

Activity 6_Tutorial 3.2

This is a scatter plot showing the relationship between sepal length and petal length for Iris flowers, with points colored and shaped by species. It uses D3 v7’s modular API, including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and the `symbol` generator to draw different shapes. The plot includes axes with labels, a shape legend, and loads data from a local CSV file via `csvParse`. The visualization updates dynamically when the data is fetched, initially showing a loading state.

Ttallavijayalakshmi0710@gmail.com
90% match
Loading thumbnail…

tutorial 3.2

This scatter plot shows the relationship between sepal length and petal length for different iris species, with the species encoded by symbol shape. The d3.js v7 code builds the visualization using a `scaleLinear` for the axes, a `scaleOrdinal` for the categorical shape mapping, and `symbolsFill` from d3 to render the points. It also includes a custom legend that displays each species with its corresponding shape, and the plot loads data from a CSV file containing the iris dataset. The axes and labels are generated using d3's `axisLeft` and `axisBottom` functions.

Aasheshpinisetti@my.unt.edu
90% match