Skip to main content
SimilarExport ZIP
100%

Activity7_Question-3

✓ Published0🌍 Public
Vvarun.mahankali39@gmail.com
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Activity6_Task3.2

This interactive scatter plot visualizes the relationship between sepal length and petal length for three Iris species, with each species distinguished by a unique shape. Built with React and D3 v7, the visualization uses `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` for shape encoding, and a custom shape legend. Data is loaded from a CSV file via `csvParse`, and the plot is rendered using SVG elements, demonstrating D3's join method for efficient DOM updates.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6question3

This scatter plot visualizes the Iris dataset, showing sepal length against petal length for three species of iris flowers. The D3.js v7 implementation uses d3.scaleLinear to map the quantitative axes and d3.scaleOrdinal with symbolsFill to encode species through distinct point shapes. A custom shape legend component displays the species categories, while the chart pulls data from a remote CSV file using d3.csvParse and renders the plot with SVG paths generated by d3.symbol.

Vvaishnavi6gan@gmail.com
91% match
Loading thumbnail…

Activity-6_Question-3

This scatter plot shows the relationship between sepal length and petal length for three iris species, with each species distinguished by a unique symbol shape and a corresponding legend. The visualization uses d3.scaleLinear for the x and y axes, d3.scaleOrdinal to map species to d3.symbolsFill shapes, and d3.axisLeft and d3.axisBottom for the axes. Data is loaded asynchronously from a CSV file and parsed with d3.csvParse, with the chart rendered using D3 v7’s data join pattern.

RRISHIK KURIKELLY
91% match
Loading thumbnail…

Question3activity6

This scatter plot visualizes the relationship between sepal length and petal length for different iris species, using distinct symbols to differentiate each species. The visualization is built with D3 v7, employing `scaleLinear` for the axes, `scaleOrdinal` and `symbolsFill` to assign shapes, and `symbol` to render the data points. A legend, created via `shapeLegend`, maps each species to its corresponding symbol. The data is loaded from a CSV file and rendered using the `scatterPlot` and `axes` functions.

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

activity6question3

This scatter plot displays the relationship between sepal length and petal length for the Iris dataset, with each point shaped according to the flower species. The visualization uses D3 v7 to map the data, drawing points as distinct symbols, and includes a categorical shape legend to identify the species. The plot is generated by fetching the data from a remote CSV file, parsing it with `csvParse`, and using `scaleLinear` for the axes and `scaleOrdinal` with `symbolsFill` for the point shapes.

Vvaishnavi6gan@gmail.com
90% match
Loading thumbnail…

Activity6_Question3

This scatter plot visualizes the Iris flower dataset, mapping sepal length on the x-axis and petal length on the y-axis, with three species distinguished by distinct symbol shapes. It loads data from a remote CSV, parses it with `d3.csvParse`, and renders marks using `d3.scaleLinear`, `d3.scaleOrdinal`, and the `symbol` generator. The chart includes labeled axes via custom D3 axes modules and a shape legend, all built with D3 v7 selections and joins.

Gganeshseeram5decem@gmail.com
90% match
Loading thumbnail…

Activity6_Task3_2

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.

Ggroup118sai@gmail.com
90% 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
90% match