Skip to main content
SimilarExport ZIP
100%

Activity8_Task3.2

✓ Published0🌍 Public
Vvishnupriyapalagiri@gmail.com
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6 task3.2

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`.

Vvishnutejareddyambati@my.unt.edu
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 on the x-axis and petal length on the y-axis. Data points are drawn as different shapes corresponding to the three iris species, with a custom shape legend explaining the mapping. The code uses d3.csvParse to load the data and d3.scaleLinear, d3.scaleOrdinal, and d3.symbol to encode values and shapes. Axes are generated with d3.axisLeft and d3.axisBottom, while the visualization updates dynamically as data loads via a simple state-based rendering pattern.

Ss.harshinisai01@gmail.com
94% match
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
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 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…

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 species encoded through different symbol shapes and a legend. The code uses d3.scaleLinear, d3.scaleOrdinal, and d3.symbol to position points and assign shapes, while d3.axisBottom and d3.axisLeft render the axes. Data loads asynchronously from a CSV URL and is parsed with d3.csvParse, converting numeric fields before rendering the chart with custom axes and legend modules.

Vvenkatamanikantavaddi@my.unt.edu
94% match