Fork of Activity_6_Task_3.2

100%

Fork of Activity_6_Task_3.2

✓ Published1🌍 Public

Last edited Oct 22, 2024

Created on Oct 22, 2024

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.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Fork of Activity6_Task3.2

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.

MMallikarjun Narra

96% match

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

95% 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 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

93% match

Loading thumbnail…

Fork of Activity6_Task3

A scatter plot maps sepal length against petal length for iris flowers, using distinct symbols to encode species and a custom legend for identification. Built with D3 v7, the visualization fetches CSV data from a GitHub repository, parses it, and renders marks via the `symbol` generator with `symbolsFill` shapes. Axes are managed through reusable modules, and an ordinal color scale from `schemeCategory10` colors each species, with legends positioned statically.

Pperamranji

93% match

Loading thumbnail…

Fork of Activity6_Task3

Pperamranji

93% match

Loading thumbnail…

Fork of Fork of Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length and width for individual data points, with color coding by species (setosa, versicolor, virginica). The visualization uses D3.js v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load and parse the CSV data from a GitHub gist, then render SVG circles. Axes are labeled for petal length and sepal length, though the data mapping uses petal dimensions for positioning. The code also references additional properties like sepal measurements, which are not directly used in the final point placement.

Sshivakumarganji@my.unt.edu

93% 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

93% match