Skip to main content
SimilarExport ZIP
100%

Task3.2 of Activity6

✓ Published0🌍 Public
VVenkataSaisrivishnuBatchu@my.unt.edu
Last edited Apr 4, 2024
Created on Apr 4, 2024

This example displays the Iris dataset as an interactive scatter plot, mapping sepal length to the x-axis and petal length to the y-axis. Different species are encoded through distinct shapes using D3’s `symbol` generator and `scaleOrdinal` with `symbolsFill`, with a custom legend indicating the shape meanings. The visualization is built with D3 v7, using modular functions for axes and legends, and loads the data asynchronously from a GitHub-hosted CSV file.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6_Task3.2

This example shows a scatter plot of the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with the three flower species distinguished by different symbol shapes (circles, crosses, and diamonds) via a shape legend. The visualization is built with D3 v7, using `scaleLinear`, `scaleOrdinal`, `symbol`, and `symbolsFill` to position and style the marks. It fetches the CSV data from a GitHub repository and renders it in an SVG sized to the window. A modular structure separates the axes, legend, and plot logic into reusable functions.

SSiva Kishore Reddy
94% match
Loading thumbnail…

Activity6_Task3.2

This example shows a scatter plot of the Iris dataset, encoding sepal length on the x-axis, petal length on the y-axis, and species using different D3 symbol shapes, with a legend for the shapes. The visualization loads data from a remote CSV file via `fetch` and `csvParse`, then uses `scaleLinear`, `scaleOrdinal`, and `symbol` to map data to positions and shapes. It builds the chart using `svg.call` with reusable modules for axes and legend, and updates dynamically through a state-based render loop.

Ssrilekhasridasyam@my.unt.edu
94% match
Loading thumbnail…

Activity6_Task3.1

This example shows an interactive scatter plot of the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with each species represented by a distinct symbol shape. The visualization uses D3.js v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbolGenerator` to render the marks, while a custom shape legend displays the species categories. Data is loaded asynchronously from a GitHub-hosted CSV file using `fetch` and parsed with `csvParse`, with numerical fields coerced to numbers before plotting. The chart includes labeled axes and a legend, all rendered within an SVG canvas sized to the full viewport.

Bbudalavijay2001@gmail.com
94% match
Loading thumbnail…

Activity6-Task3.2

This visualization displays the Iris dataset as a scatter plot, mapping sepal length on the x-axis and petal length on the y-axis, with the three iris species distinguished by different symbol shapes. The plot uses d3.scaleLinear for both axes, d3.scaleOrdinal with d3.symbolsFill to encode species, and includes axis labels and a shape legend. Data is loaded asynchronously from a GitHub-hosted CSV file using d3.csvParse, with numeric fields converted to numbers before rendering.

Mmeenam1106@gmail.com
94% match
Loading thumbnail…

Activity-6_task-3.2

This example displays a scatter plot of the Iris dataset, mapping sepal length against petal length and encoding species using different symbol shapes. The visualization includes labeled axes and a custom shape legend, rendered with D3 v7. Data is loaded asynchronously via CSV parsing, and the code uses d3.scaleLinear, d3.scaleOrdinal, and d3.symbol to generate marks, while d3.axisBottom and d3.axisLeft create the axes.

Ccharanshiva769@gmail.com
94% match
Loading thumbnail…

Activity6_Task3.2

This visualization displays the Iris dataset using a D3.js scatter plot, mapping sepal length to the x-axis and petal length to the y-axis. Each data point is rendered as a path with a distinct symbol from `symbolsFill`, where the species determines its shape. It loads CSV data via `d3.csvParse` from a remote GitHub source and uses `scaleLinear` for positioning and `scaleOrdinal` for shape encoding. A custom legend shows the species labels, and the axes are drawn with `axisLeft` and `axisBottom`.

SSeema Shrestha
94% match
Loading thumbnail…

Activity6_Task3.2

This example visualizes the Iris dataset as a scatter plot, mapping sepal length along the x-axis and petal length along the y-axis. The visualization uses distinct shapes to represent the three species of iris flowers, with a shape legend positioned to the right of the plot. Built with d3.v7, the code leverages d3.csvParse to load data from a GitHub repository, d3.scaleLinear for axis scaling, and d3.scaleOrdinal with d3.symbolsFill to assign different symbol types to each species. The SVG rendering includes custom axis labels and a shape legend created through d3 selection joins.

Mmaneeshraja47@gmail.com
94% match
Loading thumbnail…

activity6_task3.2

This example visualizes the Iris dataset as a scatter plot, mapping sepal length and petal length on the axes while using different symbol shapes to distinguish between plant species. It uses D3 v7 APIs such as `scaleLinear`, `scaleOrdinal`, `symbol`, and `symbolsFill` to handle axes, scaling, and shape encoding. A custom legend is drawn using `shapeLegend`. Data is loaded asynchronously from a GitHub-hosted CSV file and parsed with `csvParse`.

Ggketan456@gmail.com
94% match