Skip to main content
SimilarExport ZIP
100%

Fork of Activity6_Task3.2

✓ Published1🌍 Public
MMallikarjun Narra
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping sepal length against petal length and using distinct shapes to represent different iris species. The visualization loads data from a CSV file and displays it using D3 v7, leveraging the `scaleLinear` and `scaleOrdinal` scales to map data values to plot coordinates and shape encodings. Custom axis and legend modules render labeled axes and a shape legend, while the `symbol` API generates the species-specific markers. The plot dynamically fetches and parses the data via `csvParse`, updating the display once the dataset arrives.

AI-generated description

using the scatter plot on the iris data

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Activity-6_task3.2

This scatter plot visualizes the Iris dataset, plotting sepal length against petal length while encoding species by shape. Using D3 v7, it creates a linear x- and y-axis, with a custom shape legend explaining the species mapping. The implementation leverages D3’s `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs to render the marks and legend. Data is loaded from a remote CSV, parsed with `csvParse`, and mapped to numeric fields before being passed to the plot.

Aakitisaitejareddy@gmail.com
96% match
Loading thumbnail…

Fork of Activity_6_Task_3.2

This scatter plot visualizes the Iris dataset, mapping sepal length and petal length on the x- and y-axes, with species encoded by point shape. It uses D3 v7's `scaleLinear`, `scaleOrdinal`, and `symbolsFill` to create the visualization, rendering SVG paths via `symbol()`. Data loads from a CSV via `csvParse`, with axes and a shape legend generated using `axisLeft`, `axisBottom`, and custom legend code.

Lleelakrishnadivi7@gmail.com
96% match
Loading thumbnail…

Fork of Activity 6_task 3.2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length with points colored by species. The chart uses D3 v7’s `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` to assign distinct shapes to each species, and a custom legend to map shapes to species names. Data is loaded from a remote CSV via `fetch` and parsed with `d3.csvParse`, with numeric fields coerced to numbers. The visualization updates reactively through a simple state management pattern, re-rendering the SVG on data arrival.

KKarnam Abinay Goud
95% match
Loading thumbnail…

Fork of Activity6_Task3.2

This scatter plot visualizes the iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with points colored by species (skyblue, lightgreen, or orange) and sized or positioned according to sepal measurements. The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data from a GitHub-hosted CSV and render SVG circles. Axes labels are added via `svg.append('text')`, with data-driven fill colors assigned through a switch function on species.

MMallikarjun Narra
95% match
Loading thumbnail…

Activity6_Task3-2

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with species encoded by different symbol shapes. The visualization loads the data from a remote CSV file using `d3.csvParse` and renders it using D3 v7. It employs `scaleLinear` for axes, `scaleOrdinal` for shape mapping, and `axisLeft`/`axisBottom` for tick marks. A custom shape legend, built with `d3.symbol`, displays the species labels.

Kkowshiksamudrala08@gmail.com
94% match
Loading thumbnail…

Activity6_Task3.2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length, with each of the three species represented by a distinct symbol. The visualization uses D3 version 7 to render SVG elements, employing `scaleLinear` for axes and `scaleOrdinal` with `symbolsFill` to map species to different point shapes. Data is loaded asynchronously through a CSV file fetch, then parsed with `csvParse` before being displayed with custom axis and shape legend components.

GGunna,Praneeth Reddy
94% 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
94% match
Loading thumbnail…

Activity6_Task3.2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length, with each species represented by a distinct symbol shape. The plot encodes the three Iris species through shape, using d3.scaleOrdinal with symbolsFill to assign different geometric marks, while a custom legend explains the species mapping. Axes are rendered via d3.axisLeft and d3.axisBottom, with labels for both dimensions. The data is loaded asynchronously from a GitHub-hosted CSV file using d3.csvParse, and the visualization updates through a state management pattern that handles loading and rendering.

Nnikhilthoutu24@gmail.com
94% match