Man SDV Activity 6_ Task 3 - Tutorial 3.2

100%

Man SDV Activity 6_ Task 3 - Tutorial 3.2

✓ Published0🌍 Public

Last edited Apr 10, 2024

Created on Apr 10, 2024

This example shows a scatter plot of iris flower measurements, with sepal length on the x-axis, petal length on the y-axis, and species encoded by ten distinct symbol shapes from d3.symbolsFill. A shape legend identifies each species marker. Using D3 v7, the code loads data from a remote CSV via fetch and csvParse, then renders the plot with d3.scaleLinear for axes, d3.axisBottom/axisLeft for ticks, and d3.symbol to generate the shape paths.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_task3.2

This example shows a scatter plot of Iris flower measurements, mapping sepal length on the x-axis and petal length on the y-axis, with different symbol shapes representing species. The visualization also includes a custom shape legend identifying each species. The code uses d3.csvParse and d3.fetch to load a CSV dataset, then d3.scaleLinear for axes and d3.scaleOrdinal with d3.symbolsFill to assign distinct geometric markers. Axes are rendered via the d3.axisLeft and d3.axisBottom APIs, while a custom legend module draws symbols and text ticks.

Mmaneeshraja47@gmail.com

90% match

Loading thumbnail…

activity6_task3.2

This example shows a scatter plot of the Iris dataset, mapping sepal length against petal length, with points shaped according to species. A custom shape legend identifies the three species. The visualization is built with D3 v7, using scaleLinear for axes, scaleOrdinal for shape encoding, and the axisBottom and axisLeft components. Data is loaded from a remote CSV and parsed with csvParse, while symbolsFill and symbol generate the point marks.

Mm.maanvireddt761@gmail.com

90% match

Loading thumbnail…

Activity6_Task3

This example shows a scatter plot of the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with the species of each flower indicated by a distinct symbol (circle, square, or triangle). A legend on the right identifies the species-to-shape mapping. The visualization is built using D3 v7, leveraging `scaleLinear` for the axes, `scaleOrdinal` with `symbolsFill` for the shapes, and D3's `symbol` generator to draw the marks. The data is loaded asynchronously from a GitHub-hosted CSV file, and the chart is rendered into an SVG canvas.

Mm.maanvireddt761@gmail.com

89% match

Loading thumbnail…

Activity 6 Task 3.2

This scatter plot visualizes the iris dataset, showing sepal length against petal length for three flower species, with each species represented by a distinct D3 symbol shape. The visualization is built using D3 v7, employing scaleLinear for axis scales, scaleOrdinal with symbolsFill for shape encoding, and a custom shape legend component. The plot loads data from a CSV file, converts numeric string fields to numbers, and renders the chart across the full browser viewport with labeled axes for sepal and petal length.

SSai Gottumukkala

89% match

Loading thumbnail…

Activity6_Task3.2

This example shows an interactive scatter plot of iris flower measurements, mapping sepal length against petal length with species indicated by different symbol shapes. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbol`, and `axisLeft`/`axisBottom` to construct the plot and its legend. Data is loaded asynchronously from a remote CSV file using `csvParse` and fetched via the Fetch API, with numeric fields coerced to numbers. The chart displays three shapes from `symbolsFill`, with axes labeled and a custom shape legend positioned within the SVG.

AAreeba Hassan

89% match

Loading thumbnail…

Activity 6 Task-3.2

A scatter plot displays Iris flower measurements, mapping sepal length along the x-axis and petal length along the y-axis, with each species distinguished by a different symbol shape from the `symbolsFill` scale. The example uses D3 v7 modules including `scaleLinear`, `scaleOrdinal`, `axisLeft`, and `axisBottom`, plus custom local ES6 modules for axes and a shape legend. Data loads asynchronously from a remote CSV file via `fetch` and `csvParse`, with numeric fields coerced for plotting.

Kkesava

88% match

Loading thumbnail…

Man SDV Activity6_Task3

This scatter plot visualizes the Iris dataset, showing the relationship between petal length (x-axis) and petal width (y-axis), with each point colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica). The code loads CSV data via `d3.csv`, uses `d3.scaleLinear` with `d3.extent` for scales, and renders circles with `d3.axisLeft` and `d3.axisBottom` for axes. Although the implementation includes extra `rx` and `ry` attributes, the actual marks are circles of fixed radius, with axes labeled for petal length and sepal length.

Mmanojapopuri@gmail.com

88% match

Loading thumbnail…

Activity6_Task3.2

This example shows a scatter plot of iris flower measurements, mapping sepal length to the x-axis, petal length to the y-axis, and encoding species with different symbol shapes. The visualization includes labeled axes generated with `d3.axisLeft` and `d3.axisBottom`, plus a custom shape legend built from `d3.symbol` with `symbolsFill`. Data loads asynchronously from a CSV file via `d3.csvParse`, and the plot uses `d3.scaleLinear` and `d3.scaleOrdinal`, with marks rendered as SVG paths via `symbolGenerator`.

CChandra Prakash Reddy Kalwakolu

88% match