Skip to main content
SimilarExport ZIP
100%

Activity6_Task_3.2

✓ Published0🌍 Public
SSai Sandhya Nannapaneni
Last edited Oct 22, 2024
Created on Oct 22, 2024

This interactive scatter plot displays iris flower measurements, mapping sepal length against petal length and using different symbols to distinguish species. The visualization loads CSV data from a GitHub gist, parses it with d3.csvParse, and renders the plot using D3 v7 scales (d3.scaleLinear and d3.scaleOrdinal) with custom axes and a shape legend implemented as local ES6 modules.

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…

Activity8_Task-3.2

This scatter plot displays iris flower measurements, plotting sepal length on the x-axis against petal length on the y-axis, with different species differentiated by shape markers and a legend. The visualization loads CSV data from a GitHub repository, parses it with `d3.csvParse`, and renders the chart using D3 v7’s `scaleLinear` and `scaleOrdinal` for scales, `symbolsFill` for shape encoding, and custom components for axes and shape legend. The plot utilizes `d3.select` and the join pattern to manage SVG elements dynamically, with the legend positioned at a fixed offset.

HHarika Metta
93% match
Loading thumbnail…

Activity6_Task3

This scatter plot displays iris flower measurements, plotting sepal length against petal length, with each point colored by species using a d3.scaleOrdinal color scale. The visualization loads CSV data from a GitHub gist and renders SVG circles through D3 v7, employing d3.axisBottom and d3.axisLeft for labeled axes. A legend identifies the three species categories. The chart uses simple linear scales for positioning and demonstrates basic data binding with d3.selectAll and enter selections.

DDouglas mochama
93% match
Loading thumbnail…

activity 6_task 3.2

This interactive scatter plot visualizes iris flower measurements, mapping sepal length and petal length on the x- and y-axes while using distinct symbols to encode the three species. The chart loads CSV data from a GitHub repository and parses it with `d3.csvParse`, then renders marks via `d3.symbol` and `symbolsFill`. A custom legend built with `scaleOrdinal` and `schemeCategory10` identifies each species, while reusable axis and legend modules handle the layout.

Sshivasaiamaravadi@gmail.com
93% match
Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset, showing sepal length versus petal length for three flower species. The visualization uses d3.v7 with scaleLinear for axes, scaleOrdinal with symbolsFill to encode species as different point shapes, and a custom legend. Data loads asynchronously from a GitHub-hosted CSV file, parsed with csvParse, with axes and shape legends created via reusable D3 modules. The plot updates automatically when the data arrives.

SSowjanya Devupalli
93% match
Loading thumbnail…

Activity6_Task3.2

This interactive scatter plot visualizes the Iris dataset, mapping sepal length and petal length while encoding species through distinct point shapes. The chart includes labeled axes (Sepal Length, Petal Length) and a custom shape legend in the upper right. Built with D3 v7, it uses `scaleLinear` for axes and `scaleOrdinal` with `symbolsFill` for shape mapping. The visualization loads data asynchronously via `csvParse` from a GitHub-hosted CSV, then densely renders marks using `path` elements and the `symbol()` generator.

SSatish Nallamadugu
93% match
Loading thumbnail…

Activity 6_Task 3.2

This scatter plot displays the Iris flower dataset, showing sepal length against petal length with distinct symbols for each species. It uses D3.v7 modules including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` to render marks and a custom shape legend. The visualization loads data from a GitHub gist, parses it with `csvParse`, and incorporates reusable local modules for axes and legend components.

MMannava Priyanka Chowdary
93% match
Loading thumbnail…

Activity6_Task3.2

This scatter plot visualizes Iris flower measurements, plotting sepal length against petal length while using distinct symbols to encode species. The code uses d3.scaleLinear for both axes, d3.scaleOrdinal with symbolsFill to map species to shapes, and d3.axisLeft and axisBottom for the axes. A custom legend shows the shape-species mapping. Data is loaded asynchronously from a remote CSV using d3.csvParse and rendered with d3.v7 selections.

MMeghana Sadhu
92% match
Loading thumbnail…

Activity6_task3.2

This example displays a scatter plot of iris flower measurements, mapping sepal length to the x-axis and petal length to the y-axis. Each species is distinguished by a different symbol shape, with a legend identifying the species categories. The visualization is built using D3 v7, employing `scaleLinear` for positioning, `scaleOrdinal` for shape encoding, and `symbolGenerator` to render distinct markers. Data is loaded asynchronously from a remote CSV file and parsed using `csvParse`.

YYeruva Snehith Reddy
92% match