Skip to main content
SimilarExport ZIP
100%

Activity 6 Question 3

✓ Published0🌍 Public
Mmangilipallylaxminarayana@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

This example demonstrates a scatter plot of iris flower measurements, using sepal and petal length to compare species with distinct symbols and a legend. It loads CSV data from a GitHub repository and parses it with D3’s `csvParse`. The visualization builds scales with `scaleLinear` and `scaleOrdinal`, renders marks via `symbol` generators, and adds axes and labels using `axisLeft`, `axisBottom`, and custom D3 selection joins.

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…

activity 6 Task 3 question

This example displays a scatter plot of iris flower measurements, plotting sepal length against petal length while encoding species through distinct symbol shapes. The visualization loads CSV data from a GitHub gist and parses it with `d3.csvParse`. It uses `d3.scaleLinear` for both axes, `d3.scaleOrdinal` with `d3.symbolsFill` for shape encoding, and `d3.axisLeft` and `d3.axisBottom` for axes. A custom legend, built with `d3.symbol`, shows the mapping between species and symbol types.

Sskykarthik97@gmail.com
93% match
Loading thumbnail…

Activity6_Question3

This scatter plot visualizes the Iris flower dataset, mapping sepal length on the x-axis and petal length on the y-axis, with three species distinguished by distinct symbol shapes. It loads data from a remote CSV, parses it with `d3.csvParse`, and renders marks using `d3.scaleLinear`, `d3.scaleOrdinal`, and the `symbol` generator. The chart includes labeled axes via custom D3 axes modules and a shape legend, all built with D3 v7 selections and joins.

Gganeshseeram5decem@gmail.com
92% 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
91% match
Loading thumbnail…

Assignment-6_Activity-3.2

This example shows a scatter plot of iris flower measurements, with sepal length on the x-axis, petal length on the y-axis, and species encoded by different symbol shapes. The visualization uses D3 v7’s `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to map data values to positions and shapes, with custom axes and a shape legend drawn via `axisLeft`, `axisBottom`, and a manually constructed legend group. Data is fetched as a CSV from a remote GitHub repository and parsed with `csvParse`.

Rreachtoshasidhar07@gmail.com
91% match
Loading thumbnail…

Activity 6 task 3.2

This example displays the classic Iris dataset as a scatter plot, using sepal length and petal length for the x and y axes while encoding the three iris species with distinct symbol shapes. The visualization, built with D3 v7, employs `scaleLinear` for position, `scaleOrdinal` for mapping species to `symbolsFill`, and custom legend and axis modules. Data loads asynchronously from a raw GitHub CSV file and is parsed with `d3.csvParse` before rendering.

Rrohitpotluri@my.unt.edu
91% match
Loading thumbnail…

Activity_6_Task 3.2

This example shows a scatter plot of iris flower measurements, encoding sepal length against petal length and using different symbols to distinguish species via a shape legend. It loads data from a remote CSV file and parses it with `d3.csvParse`. The visualization uses D3 v7 features including `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbol`, and `d3.axisLeft`/`d3.axisBottom` to render axes and marks, with a custom legend built from modular ES6 functions.

Mmudunurirahulvarma98@gmail.com
91% match
Loading thumbnail…

Activity_6_3_2

This example shows a scatter plot of iris flower measurements, encoding sepal length on the x-axis, petal length on the y-axis, and species as point shapes. It loads the Iris dataset from a CSV file and parses it with `d3.csvParse`. The visualization uses `d3.scaleLinear` for positional scales and `d3.scaleOrdinal` with `d3.symbolsFill` to map species to distinct marker shapes. Axes and a custom shape legend are drawn using D3 selections, with `d3.axisLeft`, `d3.axisBottom`, and `d3.symbol` generators.

LLarry Johnson
91% 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
90% match