Skip to main content
SimilarExport ZIP
100%

lalith_act6-t3.2

✓ Published0🌍 Public
Ssailalith2000@gmail.com
Last edited Apr 1, 2025
Created on Apr 1, 2025
Forked from Hello VizHub

This example shows a scatter plot of iris flower measurements, mapping sepal length to the x-axis and petal length to the y-axis. Points are colored by species using a categorical shape scale with D3’s `scaleOrdinal` and `symbolsFill`, while a custom legend displays the distinct marker shapes. The visualization loads iris data from a GitHub-hosted CSV, parses it with `d3.csvParse`, and renders axes and marks using D3 v7’s selection joins and `symbolGenerator`. Interactivity is limited to resizing the SVG to the full viewport.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

lalith_act6-t3

This D3.js (v6) scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes while coloring each point by species (setosa, versicolor, virginica). The SVG rendering uses `d3.csv`, `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to position and style points, with fixed radius and custom color coding. It loads data from a GitHub-hosted CSV, showing sepal dimensions in tooltips but not in the main plot.

Ssailalith2000@gmail.com
94% 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
89% match
Loading thumbnail…

ACT6_TUT3.2

This scatter plot visualizes the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis. Each point is rendered as a distinct symbol (circle, square, or triangle) corresponding to the flower species, with a custom legend explaining the shapes. The visualization is built using D3 v7, leveraging modules like `scaleLinear`, `scaleOrdinal`, `symbol`, and `csvParse`. Data is loaded asynchronously from a remote CSV file, and axes and labels are drawn via custom functions.

RRevanth putta
89% match
Loading thumbnail…

Act6_3.2

This scatter plot displays sepal length against petal length for Iris flowers, with species encoded by distinct marker shapes. The visualization uses d3.scaleLinear for both axes and d3.scaleOrdinal with d3.symbolsFill to map species to shapes. A custom shapeLegend component draws the legend using d3.symbol to generate the path data. The visualization loads data from an external iris.csv file, parses it with d3.csvParse, and renders the marks as SVG paths via d3.join, with complete axes and labels provided by d3.axisLeft and d3.axisBottom.

Ggalijawaharnath@gmail.com
88% match
Loading thumbnail…

act 6 t3.2

This example visualizes the Iris dataset as a scatter plot, mapping sepal length to the x-axis and petal length to the y-axis, with each species represented by a distinct symbol from d3.symbol and symbolsFill. The visualization loads data from a remote CSV file via d3.csvParse, converting numeric columns before rendering. The code demonstrates the use of local ES6 modules—importing axes and shapeLegend components—alongside d3.axisLeft, d3.axisBottom, d3.scaleLinear, and d3.scaleOrdinal to manage scales, axes, and a custom shape legend.

Ppavithranamburi24@gmail.com
88% match
Loading thumbnail…

Activity_6_3_2

This example shows a scatter plot of iris flower measurements, encoding sepal length on the x-axis, petal length on the y-axis, and species as point shapes. It loads the Iris dataset from a CSV file and parses it with `d3.csvParse`. The visualization uses `d3.scaleLinear` for positional scales and `d3.scaleOrdinal` with `d3.symbolsFill` to map species to distinct marker shapes. Axes and a custom shape legend are drawn using D3 selections, with `d3.axisLeft`, `d3.axisBottom`, and `d3.symbol` generators.

LLarry Johnson
88% match
Loading thumbnail…

activity 6 tutorial 3.2

This scatter plot displays iris flower measurements, mapping sepal length to the x-axis and petal length to the y-axis, with species indicated by different symbol shapes. The visualization uses D3 v7 modules including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and the `axisLeft`/`axisBottom` components. A custom shape legend explains the species encoding, while the data loads asynchronously from a remote CSV file and is parsed with `csvParse`. The chart dynamically resizes to fit the browser window.

Ttsumanth619@gmail.com
88% match
Loading thumbnail…

activity 6 task3.2

This example shows the classic Iris dataset as a scatter plot of sepal length against petal length, with each species distinguished by a different symbol shape. A legend maps the species names to their corresponding shapes. The visualization is built with D3 v7, using scales like `scaleLinear` and `scaleOrdinal` along with `symbolGenerator` for shape rendering. The axes are drawn via `axisLeft` and `axisBottom`, and the data is loaded from a remote CSV file using `csvParse`.

Ssairamisetti3829@gmail.com
88% match