Skip to main content
SimilarExport ZIP
100%

Activity6_task3.1

✓ Published0🌍 Public
Nnandasaipalankius@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This example visualizes the Iris dataset as a scatter plot, using petal length on the x-axis and petal width on the y-axis. It encodes species membership through circle colors (skyblue, lightgreen, orange) while also binding sepal length and width as additional attributes (`rx`, `ry`) on each circle. The visualization loads CSV data from a GitHub gist, parses numeric fields, and uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `selectAll().data().join()` to render SVG circles. Axis labels are added via `svg.append('text')`, with the plot sized to the browser window dimensions.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task3.1

This example visualizes the Iris dataset as a scatter plot, displaying petal length and petal width on the axes while coloring each point by species (setosa, versicolor, or virginica). It also encodes sepal length and width as the x- and y-radii of the circular markers. The visualization loads CSV data from a GitHub gist, uses D3 v6 modules including `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select`, and renders all marks as SVG circles. Axis labels are green, and the plot resizes to the full browser window.

Rrakesh.kavuru@outlook.com
96% match
Loading thumbnail…

activity6_task3

This example displays a scatter plot of the Iris dataset, using petal length and sepal length as the x and y axes while encoding species identity through circle color. The visualization is rendered as an SVG using D3 v6, leveraging the `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` APIs from the library. Data is loaded from a remote CSV file, and axis labels are added as static text elements. The circles’ `rx` and `ry` attributes are set to the sepal width and petal width values, though the radius is fixed at 5 pixels.

Ssanjanaadapa7@gmail.com
95% match
Loading thumbnail…

Activity6_Task3.1

This example shows a scatter plot of the Iris dataset, mapping petal length to the x-axis and petal width to the y-axis. It colors each point by species—setosa in skyblue, versicolor in lightgreen, and virginica in orange—while also encoding sepal length and width as additional shape properties on each circle. The visualization loads data from a CSV via a GitHub gist, uses D3 v6 modules such as `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for scales and axes, and renders circles in an SVG. Axis labels are added for petal and sepal length.

KKondreddy Saikiran reddy
95% match
Loading thumbnail…

Activity 6 task 3.1

This example visualizes the Iris dataset as a scatter plot, mapping petal length and width to the x and y axes while coloring points by species (setosa, versicolor, and virginica) using skyblue, lightgreen, and orange. It also encodes sepal length and width as the horizontal and vertical radii of each circle, creating an elliptical shape. The code loads CSV data from a GitHub repository with `d3.csv`, scales the domains using `d3.scaleLinear` and `d3.extent`, and renders SVG circles with `d3.selectAll` and `.join`. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, and labels are appended as SVG text elements.

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

Activity6_Task3

This example visualizes the Iris dataset as a scatter plot, mapping petal length and width as its x and y axes while coloring each point by species (setosa, versicolor, virginica). The code loads CSV data from a GitHub gist, parses numeric columns, and uses D3 v6 scales and axes (`scaleLinear`, `extent`, `axisLeft`, `axisBottom`) to position circles in an SVG rendered to the full window. Each circle’s radius is fixed, but its fill color distinguishes species. The visualization includes rotated axis labels for petal length and sepal length, with layout margins and custom tick styling.

SShasankreddyganta@my.unt.edu
94% match
Loading thumbnail…

activity_6_task3

This example presents a scatter plot of the Iris dataset, visualizing the relationship between petal length on the x-axis and petal width on the y-axis, with circles colored by species (setosa, versicolor, and virginica) using skyblue, lightgreen, and orange. The chart also encodes sepal length and width as circle radii properties on the SVG elements. It loads CSV data from a GitHub repository, parses numeric fields, and uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` to render axes and circles in an SVG canvas sized to the browser window.

HHarinathChakali33@gmail.com
94% match
Loading thumbnail…

Activity6_Task3.1

This example visualizes the Iris dataset as a scatter plot, mapping petal length and width to x and y positions while coloring each point by species (setosa, versicolor, or virginica) using predefined color markers. The visualization uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct scales and axes, with data loaded via `d3.csv` from a GitHub gist. Circles are rendered as SVG elements with their radii fixed and additional sepal dimensions stored as unused attributes, while axis labels are positioned using SVG text elements.

Vvenkatamanikantavaddi@my.unt.edu
94% match
Loading thumbnail…

Activity6_Task3

A scatter plot of the Iris dataset displays petal length against petal width, with circles colored by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. The plot also encodes sepal length and width as circle radii (`rx`, `ry`), creating elliptical marks. The visualization loads data via `d3.csv`, scales axes with `scaleLinear` and `extent`, renders SVG circles via `selectAll` and `join`, and adds axes with `axisLeft` and `axisBottom`. Axis labels are rotated text elements. Data is sourced from a GitHub-hosted CSV file.

Hhaneesh@gctc.in
94% match