Skip to main content
SimilarExport ZIP
100%

Actvity6_Task3.2

✓ Published0🌍 Public
SShasankreddyganta@my.unt.edu
Last edited Apr 12, 2024
Created on Apr 12, 2024
Forked from Hello VizHub

This example visualizes the Iris dataset, plotting sepal length against petal length in a scatter plot where each point’s shape encodes the species. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` to generate shapes, along with custom axes and shape legend modules. Data is loaded asynchronously via CSV from a GitHub URL, parsed with `csvParse`, and rendered in an SVG that fills the viewport. The chart updates dynamically when the data arrives, with the legend positioned at a fixed coordinate.

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…

Actvity6_Task3.2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length. Points are color-coded and shaped by species, categorized via a legend. Built with D3 v7, it uses `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` for shape encoding, and `symbolGenerator` to render icons. Data loads asynchronously from a CSV file and is parsed with `csvParse`. The chart includes axis labels and a shape legend.

VVarshith Peddineni
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…

Activity6_Task3.2

This example visualizes the Iris dataset as a scatter plot of sepal length against petal length, with the three species distinguished by different symbol shapes. A shape legend identifies each species, and the plot includes styled axes with labels. The visualization is built using D3 v7, employing `scaleLinear` for the x and y scales, `scaleOrdinal` with `symbolsFill` for the shapes, and the `csvParse` method to load data from a GitHub-hosted CSV file. The `axes` and `shapeLegend` modules handle the axis and legend rendering.

Nnsairitwikreddy@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
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.1

This example visualizes the Iris dataset as a scatter plot, mapping sepal length and petal length along the x- and y-axes while encoding species using distinct symbol shapes. The plot includes a custom shape legend and axis labels, with the data loaded from a remote CSV file. The visualization is built with D3 v7, using `scaleLinear`, `scaleOrdinal`, and `symbol` from the `d3` module to position points and generate shapes. Axes and legend are created through reusable local ES6 modules, `axes.js` and `shapeLegend.js`, which import functions like `axisLeft` and `axisBottom` from D3.

Hhaneesh@gctc.in
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 demonstrates a scatter plot of the classic Iris dataset, showing sepal length against petal length, with each point’s shape indicating its species. It uses D3 v7 with the `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs to create the plot and a custom shape legend. The visualization loads the CSV data via a remote URL, parses it with `csvParse`, and renders the chart using an SVG canvas. The code organizes chart components into local ES6 modules for axes, scatter plot, and legend, imported through `import` statements.

Rrakshithareddy217@gmail.com
94% match