Skip to main content
SimilarExport ZIP
100%

Activity6

✓ Published0🌍 Public
Aanushapodapati99@gmail.com
Last edited Apr 17, 2024
Created on Apr 17, 2024

This scatter plot displays the relationship between sepal length and petal length for iris flowers, with each point's shape encoding the flower species. The visualization is built using D3 v7, employing the `select` and `join` API for declarative SVG construction, along with `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` for mapping data to positions and shapes. The axes are rendered via a custom `axes` module using `axisLeft` and `axisBottom`, while a separate legend component maps species names to their corresponding symbols. Data is loaded asynchronously from a CSV file fetched from GitHub, parsed with `csvParse`, and then rendered into the SVG canvas.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task3

This scatter plot shows the relationship between sepal length and petal length for iris flowers, with different species distinguished by shape. It uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, and `symbolsFill` to map data values to positions and symbols. The visualization renders SVG paths for each data point, with axes generated via `axisLeft` and `axisBottom`. A legend, created through the shapeLegend module, displays the species-to-shape mapping. The data is loaded from a remote CSV file using `csvParse` and rendered within an SVG canvas sized to the browser window.

SSreeKohaliPatel@my.unt.edu
95% match
Loading thumbnail…

Activity 6 _task 3.2

This scatter plot displays the relationship between sepal length and petal length for iris flowers, with species encoded through distinct point shapes and a corresponding legend. The visualization loads its dataset from a CSV file hosted on GitHub. Built with D3 v7, the code employs `scaleLinear` for both axes, `scaleOrdinal` with `symbolsFill` for shape mapping, and custom functions `axes` and `shapeLegend` to render axes and the categorical legend. Data parsing uses D3's `csvParse`, and the plot is redrawn whenever the window is resized.

Sskykarthik97@gmail.com
94% 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…

Activity6

This interactive scatter plot visualizes the Iris dataset, plotting petal length and width as the primary axes while encoding each flower’s species with distinct colors (skyblue, lightgreen, and orange). The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `select` to load data from a GitHub-hosted CSV and render SVG circles. Axes are labeled for petal length and sepal length, with the latter appearing as an additional annotation. The chart adapts to the full browser window size, and hover-free static marks convey the separation of species clusters.

Aanushapodapati99@gmail.com
94% match
Loading thumbnail…

Activity6

This interactive scatter plot visualizes the Iris dataset, plotting petal length and width as the primary axes while encoding each flower’s species with distinct colors (skyblue, lightgreen, and orange). The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `select` to load data from a GitHub-hosted CSV and render SVG circles. Axes are labeled for petal length and sepal length, with the latter appearing as an additional annotation. The chart adapts to the full browser window size, and hover-free static marks convey the separation of species clusters.

Aanushapodapati99@gmail.com
94% match
Loading thumbnail…

Activity3.2

This scatter plot displays the relationship between sepal length and petal length for Iris flowers, with each species represented by a distinct symbol shape. The visualization includes labeled axes and a legend identifying the three species. Built with D3 v7, the code uses `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and custom axis and legend modules to render the marks. Data is loaded from a remote CSV file containing the classic Iris dataset.

Kkaringusathwika@gmail.com
93% match
Loading thumbnail…

Activity 6_ Task 3.2

This scatter plot displays the relationship between sepal length and petal length for iris flowers, with each point’s shape encoding the species. The visualization loads the iris dataset from a GitHub-hosted CSV file and parses it using `d3.csvParse`. It builds the plot with `d3.scaleLinear` for both axes, `d3.scaleOrdinal` with `d3.symbolsFill` for shape mapping, and renders marks via `d3.symbol` with a size of 200. The chart includes labeled axes and a custom shape legend, using the `axes.js` and `shapeLegend.js` modules.

Ssindhureddykandada@gmail.com
93% match
Loading thumbnail…

Activity6_Task 3.2

This scatter plot shows the relationship between sepal length and petal length for Iris flower samples, with points shaped by species. The visualization uses D3 v7’s `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to map continuous measurements and categorical species to positions and marker shapes. A custom legend displays the species-to-shape mapping, while axis labels are added via `axisLeft` and `axisBottom`. Data is loaded from a remote CSV using `csvParse` and rendered as SVG paths.

SSreeKohaliPatel@my.unt.edu
93% match