Skip to main content
SimilarExport ZIP
100%

Activity6 task3.2

✓ Published0🌍 Public
Vvishnutejareddyambati@my.unt.edu
Last edited Oct 26, 2024
Created on Oct 26, 2024
Forked from D3 Starter

This example visualizes the Iris dataset as an interactive scatter plot, mapping sepal length to the x-axis, petal length to the y-axis, and distinguishing species by different symbol shapes. The plot includes labeled axes and a legend for species, rendered using D3 v7's `scaleLinear` and `scaleOrdinal`. Data is loaded via `csvParse` from a remote URL, with numeric fields converted to numbers. The chart resizes to the viewport and uses d3-fetch to load the CSV, with axes drawn via `axisLeft` and `axisBottom`.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task3.2

This example displays a scatter plot of the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with species encoded by distinct symbols and a corresponding legend. It uses D3 v7’s `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to position marks and generate shapes. Data is loaded from a remote CSV via `csvParse` and fetched asynchronously. The visualization also demonstrates modular ES6 imports for reusable axis and legend components.

Kkrishnavisheshkatta@my.unt.edu
95% 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
95% 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
95% match
Loading thumbnail…

Activity8_Task3.2

This example visualizes the Iris dataset as a scatter plot, mapping sepal length to the x-axis and petal length to the y-axis. The code uses a d3 scaleOrdinal and symbol generator to assign different shapes to each iris species, with a legend positioned on the right side. Data is loaded asynchronously via fetch from a GitHub-hosted CSV, parsed with d3.csvParse, and rendered using a SVG canvas. Axes are built using axisLeft and axisBottom.

Vvishnupriyapalagiri@gmail.com
95% match
Loading thumbnail…

Activity6_Task3.2

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis, petal length on the y-axis, and encoding species by symbol shape. It uses d3.scaleLinear for axes, d3.scaleOrdinal with symbolsFill for shapes, and a custom legend showing species markers. Data is loaded via fetch as CSV and parsed with d3.csvParse, with axes and legend rendered using d3.axisLeft, d3.axisBottom, and d3.symbol.

Ppadiginetivishnupriya@gmail.com
95% 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
95% 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
94% match
Loading thumbnail…

Activity6 Task3.2

This example demonstrates a scatter plot of the Iris dataset, visualizing sepal length against petal length with points colored and shaped by species. It uses D3 v7’s `scaleLinear`, `scaleOrdinal`, `symbol`, and `axisLeft`/`axisBottom` APIs to render axes and a shape legend. Data is loaded from a remote CSV via `csvParse` and rendered as SVG paths, with a custom legend showing the species categories. The visualization updates dynamically when the window size changes.

Ssumithdugyala@my.unt.edu
94% match