Skip to main content
SimilarExport ZIP
100%

Activity8_Task3.2

✓ Published0🌍 Public
WWilliam Nsambu
Last edited Apr 13, 2024
Created on Apr 13, 2024
Forked from Activity8_Task3

This example displays a scatter plot of Iris flower measurements, with sepal length on the x-axis and petal length on the y-axis. Points are colored and shaped by species, and a custom legend maps each species to a distinct symbol shape. It uses d3.csvParse to load data from a remote CSV file, d3.scaleLinear for axes, and d3.scaleOrdinal with d3.symbolsFill to assign shapes. The visualization is modular, with separate functions for drawing axes, the scatter plot, and the shape legend.

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 shows a scatter plot of Iris flower measurements, mapping sepal length on the x-axis and petal length on the y-axis, with different symbol shapes representing species. The visualization also includes a custom shape legend identifying each species. The code uses d3.csvParse and d3.fetch to load a CSV dataset, then d3.scaleLinear for axes and d3.scaleOrdinal with d3.symbolsFill to assign distinct geometric markers. Axes are rendered via the d3.axisLeft and d3.axisBottom APIs, while a custom legend module draws symbols and text ticks.

Mmaneeshraja47@gmail.com
95% match
Loading thumbnail…

Activity6_Task3.2

This example demonstrates a scatter plot of the Iris dataset, showing sepal length versus petal length with different point shapes representing species. The visualization loads data from a GitHub-hosted CSV file, parses it with `d3.csvParse`, and renders points using D3 v7's `scaleLinear`, `scaleOrdinal`, and `symbol` generators. A custom shape legend, implemented as an ES6 module, displays the three species with matching symbols. Axes are drawn using `axisLeft` and `axisBottom`, with labels positioned via D3 selection methods.

Gguttavenkata745@gmail.com
94% match
Loading thumbnail…

Activity6_task 3 .2

This example displays a scatter plot of Iris flower measurements, showing sepal length against petal length for three species. The visualization uses distinct symbols for each species, with a shape legend positioned in the upper right corner to identify the categories. Built with D3 v7, the code imports specific modules such as `scaleLinear`, `scaleOrdinal`, `symbol`, and `symbolsFill` for scaling and symbol generation. The plot loads data from a CSV file hosted on GitHub, parsing it with `csvParse` and converting numeric fields before rendering. Axes and labels are created using reusable axis functions.

Ggouthamigongidi2457@gmail.com
94% 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
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…

Activity6_Task3.2

This example demonstrates a scatter plot of iris flower measurements, encoding sepal and petal length on the axes and using different symbols to distinguish species. It loads the Iris dataset from a GitHub-hosted CSV file and parses it with `d3.csvParse`. The visualization is built with D3 v7, using `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.symbolsFill` for shape encoding, and modular ES6 imports for reusable axes and legend components. The legend is rendered with `d3.symbol` positioned at a fixed coordinate within the SVG canvas.

KKhushi Desai
94% match
Loading thumbnail…

Activity6_Task3.2

This visualization displays a scatter plot of Iris flower measurements, plotting sepal length against petal length and encoding species using different symbol shapes. Each species appears as a distinct geometric marker with a corresponding legend positioned on the right. The code uses d3.scaleLinear for coordinate scaling, d3.scaleOrdinal with d3.symbolsFill for shape encoding, and d3.axisLeft/axisBottom for axes. Data is loaded asynchronously from a CSV file and parsed with d3.csvParse, while the scatter plot, axes, and legend are each structured as reusable D3 modules.

Bbudalavijay2001@gmail.com
94% match
Loading thumbnail…

Activity8_Task3.2

This visualization displays the Iris dataset as a scatter plot of sepal length against petal length, with species encoded through distinct symbol shapes. It loads the data from a remote CSV file using d3.csvParse and renders the plot with d3.scaleLinear, d3.scaleOrdinal, and the axes and shapeLegend helper modules. The scatter plot marks are drawn using d3.symbol and the symbolGenerator, while the legend, axes, and labels are positioned within the SVG viewport.

Zzoe.romo@att.net
93% match