Skip to main content
SimilarExport ZIP
100%

Fork of Activity 6 tutorial 3-2

✓ Published0🌍 Public
Kkaringusathwika@gmail.com
Last edited Apr 15, 2024
Created on Apr 15, 2024

This example uses D3 v7 to render a scatter plot of the Iris dataset. It maps sepal length and petal length to the x and y axes, and encodes species using different shapes. The visualization includes labeled axes and a legend for the shape categories. The code demonstrates D3's `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs, with data fetched as CSV and parsed using `csvParse`.

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…

Fork of Activity6_tutorial3.2

This visualization displays the classic Iris dataset as a scatter plot, mapping sepal length on the x-axis and petal length on the y-axis. Instead of using colors to differentiate species, the plot encodes species identity through distinct symbol shapes, such as circles, triangles, and crosses, with a corresponding legend at the right. The implementation uses D3.js v7 utilities like `scaleLinear`, `scaleOrdinal`, and `symbolGenerator` to position marks and generate the shape encodings. Data is loaded asynchronously from a remote CSV file and parsed with `csvParse`.

Yyadlapallisaisathvik@gmail.com
93% match
Loading thumbnail…

Fork of activity 6_tutorial 3.2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length, with species distinguished by different d3 symbol shapes. A shape legend identifies the three species categories, while labeled axes display the quantitative measurements. Built with D3 v7, the visualization uses modular JavaScript functions including `scaleLinear`, `scaleOrdinal`, `symbolGenerator`, and custom axis and legend components. The data is loaded asynchronously from a remote CSV file and parsed using `csvParse`, with the plot rendering across the full browser window.

Aanusha.chilkamarri26@gmail.com
93% match
Loading thumbnail…

Fork of Activity6_Tutorial3.2

This visualization displays the classic Iris dataset as a scatter plot, mapping sepal length against petal length while encoding the three iris species through distinct symbol shapes. The plot uses D3 v7’s `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to position and shape the marks, with a custom `axes` module and a shape legend generated via `symbolGenerator`. Data is loaded from a remote CSV file using `csvParse`, and the visualization updates dynamically as the window resizes.

Ggreeshmareddy135@gmail.com
92% match
Loading thumbnail…

Fork of activity6_tutorial3

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 points colored and shaped by species. It includes a custom shape legend for the three species. The implementation uses D3 v7 modules like `scaleLinear`, `scaleOrdinal`, and `symbol` to generate marks, while `axisLeft` and `axisBottom` handle the axes. Data is loaded asynchronously via `fetch` and parsed with `csvParse` from a GitHub-hosted CSV file. The chart is rendered into an SVG that fills the viewport.

Sshreshikaveerannagari@gmail.com
92% match
Loading thumbnail…

Fork of activity6_tutorial3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width for each specimen while coloring points by species (setosa, versicolor, or virginica). The D3 v6 code loads CSV data from a GitHub repository and uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the SVG visualization. The plot also encodes sepal dimensions in each point's radius (`rx`/`ry` attributes), though these are not scaled to the axes. The visualization renders circles with custom colors and labeled axes in an HTML page.

Sshreshikaveerannagari@gmail.com
92% match
Loading thumbnail…

Fork of Activity6_Task3_Tutorial 3.2

This interactive scatter plot visualizes the Iris dataset, mapping sepal length against petal length and using distinct symbols to represent the three iris species. The D3.js v7 code builds the visualization entirely with modular functions, including `scaleLinear` and `scaleOrdinal` for scales, `symbol` for generating shapes, and `csvParse` to load the data from a GitHub-hosted CSV file. Axis and shape legend components are rendered via `axisLeft`, `axisBottom`, and custom legend logic, with the chart redrawing responsively to the full window size.

Nnavyabade05@gmail.com
92% match
Loading thumbnail…

Fork of Fork of Activity6_tutorial3.2

This visualization displays the classic Iris dataset as a scatter plot, mapping sepal length on the x-axis against petal length on the y-axis, with each species distinguished by a unique symbol shape. The chart includes labeled axes and a shape legend identifying the three species. Built with d3.v7, the code uses `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` to position and render marks, while `axisLeft` and `axisBottom` generate the axes. Data loads from a remote CSV via `fetch` and `csvParse`.

Aaparnachalumuri@gmail.com
92% match
Loading thumbnail…

Fork of activity8-task3.2

This example shows a scatter plot of the Iris dataset, mapping sepal length and petal length, with species distinguished by different point shapes. It uses the d3 library's scaleLinear for axes, scaleOrdinal with symbolsFill for shape mapping, and a custom shapeLegend. Data is loaded from a GitHub CSV and parsed with csvParse. The implementation uses d3 selection joins for element creation and symbol() for generating SVG path data.

Bbobbymeyermsis@gmail.com
92% match