Skip to main content
SimilarExport ZIP
100%

t3.2

✓ Published1🌍 Public
Aamshureddy13@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024

This example uses a D3.js scatter plot to visualize the Iris dataset, plotting sepal length against petal length while encoding species through distinct point shapes. The visualization includes labeled axes, a custom shape legend, and a responsive SVG canvas that fills the browser window. The code leverages D3’s `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs, along with helper modules for axes and legend rendering, and fetches the CSV data from a remote GitHub repository.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

t-3.2

This example demonstrates a scatter plot visualizing the Iris dataset, encoding sepal length on the x-axis, petal length on the y-axis, and species as different point shapes. It loads data from a GitHub-hosted CSV file using the Fetch API and `d3.csvParse`. The visualization uses `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbol`, and `d3.axisLeft`/`d3.axisBottom` for axes, rendered within an SVG sized to the browser window. A custom legend module displays the shape-to-species mapping.

AArunVurukonda@my.unt.edu
93% match
Loading thumbnail…

Fork of t3.2

This visualization is a scatter plot of the Iris dataset, plotting sepal length against petal length, with each flower species represented by a distinct symbol shape. The chart uses D3 v7’s scaleLinear for axes, scaleOrdinal with symbolsFill to map species to different marker shapes, and a custom shape legend to identify the three species. Data is loaded from a remote CSV file via csvParse, and the plot is rendered as SVG paths using the d3.symbol generator. The axes are drawn with axisLeft and axisBottom.

Aamshureddy13@gmail.com
92% match
Loading thumbnail…

A6_T3.2

This interactive D3.js scatter plot visualizes the Iris dataset, plotting sepal length against petal length. Each point’s shape encodes the flower species, as explained by a custom legend. The visualization uses D3’s `scaleLinear` for axes, `scaleOrdinal` and `symbolsFill` for categorical shapes, and `csvParse` to load the data from a GitHub-hosted CSV. The code leverages D3’s `select` and `join` APIs for declarative SVG updates, with axis labels and a manually positioned shape legend.

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

act6 t3.2

This example visualizes the Iris dataset as a scatter plot, showing sepal length against petal length for different species. The species are distinguished using different symbols via a categorical color scale and a shape legend with tick marks. The visualization is built with D3 v7, using scaleLinear, scaleOrdinal, symbol, axisLeft, and axisBottom. Data is loaded asynchronously from a CSV file using d3.csvParse and rendered into an SVG, with modular functions for axes, scatter plot, and legend composition.

Sshravan.s0710@gmail.com
90% match
Loading thumbnail…

activity6_t3.2

This interactive D3 v7 scatter plot visualizes the Iris dataset, plotting sepal length against petal length for individual flowers. The visualization encodes the categorical species variable through different point shapes, with a custom legend annotating each shape. Built using a modular structure with `scatterPlot`, `axes`, and `shapeLegend` modules, the example employs D3’s `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to map data to positions and glyphs, while `csvParse` loads the remote CSV data. The chart updates dynamically within an SVG canvas sized to the browser window.

Llingaladineshteja23@gmail.com
90% match
Loading thumbnail…

Tutorial_3.2

This example demonstrates a D3.js scatter plot of the Iris dataset, showing sepal length against petal length with species encoded by symbol shapes. It uses D3 modules like `csvParse`, `scaleLinear`, `scaleOrdinal`, `schemeCategory10`, and `symbol` to render the marks. It also includes custom axes and a shape legend built with `axisLeft`, `axisBottom`, and `symbolGenerator`. Data is fetched from a CSV file via UNPKG and processed into numeric fields before visualization.

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

Activity_6 T3

This scatter plot visualizes the Iris dataset, mapping sepal length against petal length and encoding species identity through distinct point shapes. The visualization uses D3 v7's scaleLinear, scaleOrdinal, and symbolsFill APIs to construct the axes and shape-based legend. Data is loaded from a remote CSV file via csvParse and rendered into SVG paths using the symbol generator. The example demonstrates modular code organization with local ES6 modules for axes, scatter plot, and shape legend components.

Bbhavanadupati3@gmail.com
90% match