Skip to main content
SimilarExport ZIP
100%

Activity6_Task3_2

✓ Published0🌍 Public
Ggroup118sai@gmail.com
Last edited Oct 21, 2024
Created on Oct 21, 2024
Forked from HTML Starter

This interactive scatter plot visualizes the Iris dataset, mapping sepal length against petal length, with points colored by species according to a shape legend. Built with React and D3 v7, it uses `scaleLinear` for axes, `scaleOrdinal` and `symbolsFill` for categorical shape encoding, and `axisLeft`/`axisBottom` for labeled axes. The plot dynamically updates its size to fit the viewport, fetching data from a raw GitHub CSV file hosted by the author.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task3

This example visualizes the Iris dataset, plotting sepal length against petal length for each flower specimen. The scatter plot uses distinct symbols to represent the three iris species, with a legend positioned on the right side. Built with React and D3 v7, the code leverages scaleLinear for axes, scaleOrdinal and symbolsFill for shape encoding, and axisLeft/axisBottom for tick marks. The visualization loads CSV data asynchronously from a GitHub repository and adapts to the full browser window size.

Jjaswanthreddy2715@gmail.com
94% match
Loading thumbnail…

Activity6_Task3.2

This scatter plot visualizes the Iris dataset, mapping sepal length against petal length for individual specimens. Data points are rendered as distinct shapes, with a legend denoting the species of each flower. The visualization employs the D3.js library, utilizing its `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `axisLeft`/`axisBottom` components. It reads the dataset from a remote CSV file, parses it with `csvParse`, and constructs the chart using a custom React framework, with axes created via the `axes` module.

JJhansi Balla
94% match
Loading thumbnail…

Activity6_Task3.2

This example shows a scatter plot of the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with points colored and shaped by species. A custom shape legend displays the species categories. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, and `symbol` to render the marks, with axis and legend components built as reusable functions. The dataset is loaded as a CSV from a GitHub URL, parsed with `csvParse`, and numeric columns are converted before rendering. The plot updates responsively to the window size.

Vvarun.mahankali39@gmail.com
93% match
Loading thumbnail…

Fork of Activity_6_Task_3.2

This scatter plot visualizes the Iris dataset, mapping sepal length and petal length on the x- and y-axes, with species encoded by point shape. It uses D3 v7's `scaleLinear`, `scaleOrdinal`, and `symbolsFill` to create the visualization, rendering SVG paths via `symbol()`. Data loads from a CSV via `csvParse`, with axes and a shape legend generated using `axisLeft`, `axisBottom`, and custom legend code.

Lleelakrishnadivi7@gmail.com
92% match
Loading thumbnail…

Activity6_Task3.2

This interactive scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with species distinguished by different symbol shapes. The visualization uses D3.js v7, employing `scaleLinear` for both axes, `scaleOrdinal` with `symbolsFill` for shape encoding, and a custom shape legend component. Data is loaded asynchronously from a GitHub-hosted CSV file using `d3.csvParse`. The chart responds to window resizing by redrawing within the full viewport, with axes and labels generated through reusable `axes.js` and `scatterPlot.js` modules.

VVidya Lakshmi Chitturi
92% match
Loading thumbnail…

Activity6_Task3.2

This interactive scatter plot visualizes the Iris dataset, mapping sepal length and petal length while encoding species through distinct point shapes. The chart includes labeled axes (Sepal Length, Petal Length) and a custom shape legend in the upper right. Built with D3 v7, it uses `scaleLinear` for axes and `scaleOrdinal` with `symbolsFill` for shape mapping. The visualization loads data asynchronously via `csvParse` from a GitHub-hosted CSV, then densely renders marks using `path` elements and the `symbol()` generator.

SSatish Nallamadugu
92% match
Loading thumbnail…

Activity6 Task3.2

This interactive scatter plot visualizes the Iris flower dataset, mapping sepal length against petal length and encoding species with distinct symbols from a shape legend. Built with D3 v7, it loads data from a remote CSV and uses modular components including `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbol`, and custom axes and legend functions. The visualization dynamically updates to fill the viewport and recreates the plot from fetched data.

Ppslharika@gmail.com
92% match
Loading thumbnail…

Activity6Task3.2

This interactive scatter plot visualizes the Iris dataset, mapping sepal length to the x-axis, petal length to the y-axis, and using different symbol shapes to distinguish species. A custom legend labels each shape with its corresponding species. The visualization loads the data from a raw CSV file, parses it with `d3.csvParse`, and renders the plot using `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.symbol`. Axes and labels are generated through a reusable module that calls `d3.axisLeft` and `d3.axisBottom`.

Ssatishvelaga02@gmail.com
91% match