Skip to main content
SimilarExport ZIP
100%

Activity06Task3.2

✓ Published0🌍 Public
Bbharatchowdarypotluri@my.unt.edu
Last edited Oct 23, 2024
Created on Oct 23, 2024
Forked from Activity06Task3.1

This example visualizes the Iris flower dataset as a scatter plot, mapping sepal length to the x-axis and petal length to the y-axis, with different plant species distinguished by distinct filled symbols. The visualization uses D3.js v7, leveraging `scaleLinear` and `scaleOrdinal` to map data dimensions to chart coordinates and symbol shapes. It loads data from a remote CSV file, computes axis scales, and renders axes with labels via custom `axisLeft` and `axisBottom` utilities. A shape legend, generated using `symbol`, displays the species categories alongside the plot.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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…

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
95% 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
95% match
Loading thumbnail…

Activity-6 Task-3.2

This visualization displays a scatter plot of the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis. Each point is rendered as a distinct symbol shape representing the species of iris flower. The chart uses D3.js v7 with `scaleLinear` for the axes, `scaleOrdinal` with `symbolsFill` for shape encoding, and a custom legend showing the species symbols. Data is loaded as CSV and parsed with `csvParse` before being plotted.

Bbhargavireddy4016@gmail.com
94% match
Loading thumbnail…

Activity6_task3.2

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis. Each point represents a flower sample, with its species indicated by a distinct fill symbol—circles, squares, and diamonds—as defined by the `symbolsFill` palette. The chart includes labeled axes and a custom shape legend explaining the species-to-symbol mapping. The visualization uses D3.js version 7, leveraging `scaleLinear`, `scaleOrdinal`, and `symbol` to create the plot and its interactive legend.

Bbhargavr016@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_3.2

This example presents a scatter plot of the classic Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis. Each flower species is distinguished by a unique symbol, with a shape legend identifying the species. The visualization is built using D3 v7, leveraging `scaleLinear` for axes, `scaleOrdinal` for shape encoding, and `symbolsFill` for the symbol set, while `csvParse` and `fetch` load the data from a GitHub repository. Axes and the legend are drawn via custom reusable modules.

PPothuguntla Pranitha
94% 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
94% match