Skip to main content
SimilarExport ZIP
100%

Activity6_Task3.2

✓ Published0🌍 Public
Ttejaswiteju9811@gmail.com
Last edited Oct 23, 2024
Created on Oct 22, 2024
Forked from Activity6_Task3.1

This interactive scatter plot uses the D3.js library (v7) to visualize the classic Iris dataset, fetched from a remote TSV file. The visualization maps sepal length to the x-axis and petal length to the y-axis, with the iris species encoded using different shapes via `d3.symbol` and a shape legend. It employs D3's `scaleLinear` and `scaleOrdinal` for scaling, and utilizes `d3.axisLeft` and `d3.axisBottom` to render the axes with labels.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task3.2

This visualization displays the classic Iris dataset as a scatter plot of sepal length against petal length, with each of the three iris species distinguished by a different symbol shape. The plot uses D3’s `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to position points and render marks, while an axis module built with `d3.axisLeft` and `axisBottom` labels the chart. A custom shape legend maps each species to its symbol. The data is loaded asynchronously from a GitHub-hosted CSV and parsed with `d3.csvParse`.

SSiddhartha Alwala
93% match
Loading thumbnail…

Activity6_Task3.1

This interactive scatter plot visualizes the Iris dataset, showing petal length against sepal length for different Iris species. The visualization uses distinct shapes (circles, squares, and triangles) to differentiate species, with a dedicated shape legend positioned on the right side of the chart. Built with D3.js v7, the code employs `d3.scaleLinear` for axes scaling and `d3.scaleOrdinal` with `d3.symbolsFill` to map species categories to symbol types. Data is loaded asynchronously from a GitHub-hosted CSV file, with axes labeled and styled through custom `d3.axisLeft` and `d3.axisBottom` calls.

SSowjanya Devupalli
93% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the classic Iris dataset, mapping petal length and width for each sample point. The visualization encodes the three Iris species—setosa, versicolor, and virginica—using distinct colors (skyblue, lightgreen, and orange), with each circle’s radius fixed at 5 pixels. Built with D3 v6, it loads the dataset via `d3.csv`, scales both axes with `d3.scaleLinear`, and renders axes using `d3.axisLeft` and `d3.axisBottom`. The SVG output displays labeled axes for petal length and width, with data points positioned using the `selectAll` and `join` pattern.

Llingaladineshteja23@gmail.com
92% match
Loading thumbnail…

Activity6_Task 3.2

This D3.js visualization presents a scatter plot of the Iris dataset, mapping sepal length on the x-axis against petal length on the y-axis. The plot encodes the species of each iris flower using distinct symbols, which are displayed in a legend on the right. The code utilizes `d3.scaleLinear` for axes and `d3.scaleOrdinal` with `d3.symbolsFill` and `d3.symbol` for the shape mapping. Data is fetched from a remote CSV file and parsed with `d3.csvParse`, while `d3.axisLeft` and `d3.axisBottom` render the axes.

UUday Vandanapu
92% match
Loading thumbnail…

Activity-6(Task3)

This interactive scatter plot visualizes the Iris dataset, displaying sepal length against petal length while distinguishing the three species of iris flowers through different symbol shapes. The visualization uses D3 v7 with scales and axes from the d3-scale and d3-axis modules, and encodes species using d3.scaleOrdinal with symbolsFill and symbol generators. Data is loaded from a remote CSV file, and the chart includes custom axis labels and a shape legend to identify species categories.

Vvandanakosuri@my.unt.edu
92% match
Loading thumbnail…

Activity6_Task3

This interactive scatter plot visualizes the Iris dataset, mapping petal length and petal width on the x- and y-axes while using colored circles to distinguish between the three iris species: setosa, versicolor, and virginica. The visualization renders as an SVG using D3.js v6, specifically leveraging `csv`, `scaleLinear`, `extent`, `axisBottom`, and `axisLeft`. It loads the dataset from the provided GitHub repository via a URL, defines custom margin and radius values, and scales the data accordingly. The plot includes green axis labels for “Petal_Length” and “sepal_Length”, with the axes styled with large tick text.

Mmaneeshraja47@gmail.com
92% match
Loading thumbnail…

Activity6_Task3.1

This D3.js scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, virginica). The plot uses SVG circles with a fixed radius, while the data also includes sepal measurements. Built with D3 v6, it leverages `d3.csv` for data loading, `scaleLinear` for scaling, and `axisBottom`/`axisLeft` for axes, rendering interactively within a full-window viewport.

Bbhavanasruthikakarlapudi@gmail.com
92% match
Loading thumbnail…

Activity6_Task3.2

This interactive scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with species distinguished by different symbol shapes. The visualization uses D3.js v7, employing `scaleLinear` for both axes, `scaleOrdinal` with `symbolsFill` for shape encoding, and a custom shape legend component. Data is loaded asynchronously from a GitHub-hosted CSV file using `d3.csvParse`. The chart responds to window resizing by redrawing within the full viewport, with axes and labels generated through reusable `axes.js` and `scatterPlot.js` modules.

VVidya Lakshmi Chitturi
92% match