Skip to main content
SimilarExport ZIP
100%

Activity-8_task-3.2

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

This scatter plot displays iris flower measurements, mapping sepal length on the x-axis and petal length on the y-axis, with species encoded by symbol shapes shown in a custom legend. The visualization uses D3 v7 APIs including `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` for shape encoding, and `symbol` to generate the marks. Data comes from a CSV file parsed with `csvParse`, and the chart includes labeled axes and a separate shape legend positioned within the SVG.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity-8_Task-3.2

This visualization is a scatter plot of iris flower measurements, showing sepal length against petal length with each species (setosa, versicolor, virginica) distinguished by a unique symbol. The plot includes linear axes for both numerical variables and a separate legend key that maps each species to its corresponding shape. Built with D3 v7, the code uses `scaleLinear` and `scaleOrdinal` to map data values to positions and shapes, while `symbol()` from D3 generates the custom mark paths. The chart loads the iris dataset from a remote CSV file and renders responsively to fill the browser window. The implementation uses D3's join operation to efficiently create and update the SVG elements for marks, axes, and legend.

Ttharunramula@gmail.com
95% match
Loading thumbnail…

Activity8_Task-3.2

This scatter plot displays iris flower measurements, plotting sepal length on the x-axis against petal length on the y-axis, with different species differentiated by shape markers and a legend. The visualization loads CSV data from a GitHub repository, parses it with `d3.csvParse`, and renders the chart using D3 v7’s `scaleLinear` and `scaleOrdinal` for scales, `symbolsFill` for shape encoding, and custom components for axes and shape legend. The plot utilizes `d3.select` and the join pattern to manage SVG elements dynamically, with the legend positioned at a fixed offset.

HHarika Metta
94% match
Loading thumbnail…

Activity-6 Task-3.2

This visualization displays a scatter plot of the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis. Each point is rendered as a distinct symbol shape representing the species of iris flower. The chart uses D3.js v7 with `scaleLinear` for the axes, `scaleOrdinal` with `symbolsFill` for shape encoding, and a custom legend showing the species symbols. Data is loaded as CSV and parsed with `csvParse` before being plotted.

Bbhargavireddy4016@gmail.com
94% match
Loading thumbnail…

Activity8-Task3.2

This scatter plot displays sepal length against petal length for Iris flowers, with each species represented by a distinct symbol from a shape legend. The visualization uses D3 v7’s `scaleLinear` for axes, `scaleOrdinal` and `symbolsFill` for shape encoding, and `symbol()` to generate the mark paths. Data is fetched from a GitHub-hosted CSV and parsed with `csvParse`, while axes and legend are built using the custom `axes` and `shapeLegend` modules.

Ssirichandana017@gmail.com
94% match
Loading thumbnail…

Activity6_task3.2

This scatter plot visualizes the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis while encoding the species of each flower using different d3.symbol shapes (from symbolsFill). The legend, built with a custom shapeLegend function, lists species and their corresponding markers. The visualization uses D3 v7's scaleLinear for axes, scaleOrdinal for shape mapping, and d3.axisLeft/axisBottom for rendering the chart, with data loaded asynchronously from a CSV file via fetch and d3.csvParse.

RRJVENKATESH789@GMAIL.COM
94% match
Loading thumbnail…

Activity6_Task3.2

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis against petal length on the y-axis for three species distinguished by different symbol shapes and a custom legend. Built with D3 v7, it uses `scaleLinear` for both axes, `scaleOrdinal` with `symbolsFill` to assign shapes via `symbol` generators, and reusable modules for axes and legends. The plot renders SVG marks with a size of 200, displaying all 150 data points from the CSV source.

Hharshabandi3060@gmail.com
94% match
Loading thumbnail…

Activity6_task3.2

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis. Each point represents a flower sample, with its species indicated by a distinct fill symbol—circles, squares, and diamonds—as defined by the `symbolsFill` palette. The chart includes labeled axes and a custom shape legend explaining the species-to-symbol mapping. The visualization uses D3.js version 7, leveraging `scaleLinear`, `scaleOrdinal`, and `symbol` to create the plot and its interactive legend.

Bbhargavr016@gmail.com
94% 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
93% match