Skip to main content
SimilarExport ZIP
100%

Task-3.2

✓ Published1🌍 Public
Sshivakumarganji@my.unt.edu
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from Hello VizHub

This scatter plot displays the relationship between sepal length and petal length for the Iris dataset, with species differentiated by shape. The visualization uses D3 v7's `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs to map data to positions and shapes, while `axisLeft` and `axisBottom` render the axes. A custom `shapeLegend` built with D3's `symbol` generator and tick marks shows the species mapping. Data is loaded via `csvParse` from a remote GitHub-hosted CSV file, and the chart fills the browser window using `window.innerWidth` and `window.innerHeight`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Task 3 3.2

This scatter plot shows the relationship between sepal length and petal length for three iris species, with each species represented by a distinct shape symbol. The visualization uses D3 v7 to render an SVG canvas, employing `scaleLinear` for both axes and `scaleOrdinal` with `symbolsFill` to map species to shapes. A custom shape legend displays the species symbols with labels. The data is fetched from a CSV file and parsed with `csvParse`, with numeric columns converted to numbers. The axes are drawn with `axisLeft` and `axisBottom` from D3's import, and the chart is built using the join pattern for declarative updates.

KKritin Kesav
95% match
Loading thumbnail…

Activity6_Task3.2

This scatter plot displays the relationship between sepal length and petal length for Iris flowers, with different species distinguished by shape. The chart uses D3 v7’s `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` to map species to marker shapes, and `symbol` to generate the paths. The axes component leverages `axisLeft` and `axisBottom`, while a custom shape legend is built using `symbolGenerator`. Data is loaded asynchronously from a CSV via `csvParse`, with numeric fields converted, and the visualization updates through a state management and `setState` render loop.

Ssaishruthik2361@gmail.com
94% match
Loading thumbnail…

Task3.2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length. Points are colored and shaped by species, with a legend mapping shapes to the three iris species. The visualization is built using D3 v7, employing force-directed layout principles through `d3.scaleLinear` and `d3.scaleOrdinal` for scales. The chart fetches data from a remote CSV, parses it with `d3.csvParse`, and renders marks via `d3.symbol` with axes generated by `d3.axisLeft` and `d3.axisBottom`.

IIkram Mohammed
94% match
Loading thumbnail…

Activity-8_Task-3.2

A scatter plot displays sepal length against petal length for the Iris dataset, with each point's shape encoding the flower species. The visualization uses D3 v7 with a linear scale for both axes and an ordinal scale mapping species to distinct symbols. Points are rendered as SVG paths using the `symbol` generator, while a custom legend communicates the shape-species mapping. Data is loaded from a remote CSV and parsed with `d3.csvParse`. The plot includes axis labels and relies on reusable `axes` and `shapeLegend` modules, with axes drawn via `d3.axisLeft` and `d3.axisBottom`.

Hharipadmavathim2023@gmail.com
94% match
Loading thumbnail…

Activity6_Task3.2

This scatter plot visualizes the relationship between sepal length and petal length in the Iris dataset, with each point's shape indicating the species. The visualization uses D3 v7's modular APIs including scaleLinear, scaleOrdinal, symbolsFill, and symbol for generating the scatter marks. Axes are rendered with axisLeft and axisBottom, while a custom shape legend maps species to distinct symbol types. The data is loaded from a GitHub-hosted CSV file and parsed using csvParse, with numeric fields converted from strings.

Kkondaveeti.bhargavi7780@gmail.com
94% match
Loading thumbnail…

act6_Task3.2

This scatter plot visualizes the Iris dataset, showing the relationship between sepal length and petal length, with species distinguished by different fill symbols. The visualization uses D3 v7 to map species to a categorical shape scale with symbols from `symbolsFill`, rendering each data point as a path mark positioned via linear scales. Species categories are identified through a custom shape legend, and the plot includes labeled axes. The iris data is loaded from a remote CSV file using `csvParse` and rendered with D3's `symbol` and `scaleOrdinal` APIs.

Ssaisathvikapotluri@gmail.com
93% match
Loading thumbnail…

task3.2

This example demonstrates a scatter plot of the Iris dataset, mapping sepal length to the x-axis, petal length to the y-axis, and encoding species with distinct shapes. The visualization uses D3's `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs to render the data points, while `axisLeft` and `axisBottom` from D3 handle the axes. A custom shape legend is built using the `symbol()` generator. The data is loaded asynchronously via `fetch` from a remote CSV file, then parsed with `csvParse` before being rendered.

Yyashwanthkirla95@gmail.com
93% match
Loading thumbnail…

Activity6_Task 3.2

This scatter plot displays the relationship between sepal length and petal length for three Iris species, using distinct symbols (circle, cross, diamond) and colors to encode the species categories. The visualization, built with D3 v7, uses `scaleOrdinal` for species mapping, `scaleLinear` for axes, and SVG `path` elements for the custom symbol shapes. Data is loaded asynchronously from a remote CSV file, with the legend positioned at a fixed coordinate to identify the species. The chart leverages D3's declarative join operator for efficient DOM updates and includes axis labels for both measurements.

MManojsai Bangaru
93% match