Skip to main content
SimilarExport ZIP
100%

Fork of Activity 6_task 3.2

✓ Published1🌍 Public
KKarnam Abinay Goud
Last edited Oct 20, 2024
Created on Oct 20, 2024

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.

AI-generated description
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 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
95% 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
95% match
Loading thumbnail…

Fork of Activity 6

This scatter plot visualizes the Iris dataset, plotting sepal length against petal length and distinguishing species by shape. The visualization uses D3 v7's `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` for shape encoding, and a custom legend. Data is loaded asynchronously via `fetch` and parsed with `csvParse`, with numeric fields converted to numbers. The plot renders using SVG `path` marks positioned by D3 scales.

Bbhargavipagolu2025@gmail.com
95% match
Loading thumbnail…

Fork of activity6_task3

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width, with each point colored by species (setosa, versicolor, or virginica). The code loads CSV data from a GitHub gist and parses it with D3’s `csv` function. It uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to position circles in an SVG, while also including unused sepal measurements as attributes. The visualization highlights species clusters through distinct fill colors applied via a switch statement.

NNIIPUNNREDDY00@GMAIL.COM
93% match
Loading thumbnail…

Fork of Activity 6_task 3.1

This scatter plot visualizes the Iris dataset, mapping petal length and petal width for individual flowers while coloring each point by species (skyblue, lightgreen, or orange). It uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render an SVG with circle marks and labeled axes. The data is loaded from a remote CSV via `d3.csv`, and axis labels are rotated using SVG transforms.

KKarnam Abinay Goud
93% match
Loading thumbnail…

Fork of Fork of Task-3.2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length. Points are colored and shaped by species, with a legend mapping shapes to species names. The visualization is built using D3 v7, specifically using `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbol`, and `d3.axisLeft`/`d3.axisBottom` for axes. The code fetches a CSV file, parses it with `d3.csvParse`, and converts numeric columns to numbers before rendering the plot with SVG paths.

Vvchittimadha@gmail.com
93% match
Loading thumbnail…

Fork of Activity-6_task3.1

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis, with points colored by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. The example loads CSV data via d3.csv, uses d3.scaleLinear for axis scaling, and d3.axisLeft/axisBottom for tick marks. Circles are rendered in SVG with d3.join, and each point’s radius is fixed, while sepal dimensions are encoded as rx and ry attributes, though these don’t affect the circular shape. Axis labels are added as SVG text elements, and the chart resizes to the browser window.

Aakitisaitejareddy@gmail.com
93% match