Skip to main content
SimilarExport ZIP
100%

Acitivty6_task3

✓ Published1🌍 Public
Mmaneeshraja47@gmail.com
Last edited Oct 30, 2025
Created on Oct 30, 2025
Forked from Hello VizHub

This example displays the classic Iris dataset using a D3.js scatter plot, mapping sepal length to the x-axis and petal length to the y-axis. Each flower species (setosa, versicolor, virginica) is represented by a distinct circle color: skyblue, lightgreen, and orange, respectively. The visualization loads CSV data from a remote GitHub raw URL and uses D3 v6 APIs including `csv`, `select`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render the chart as an SVG. Axis labels are styled and positioned to complete the chart.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

activity6task3

This example visualizes the Iris dataset with a scatter plot mapping petal length and width on the axes, coloring each point by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. It loads data from a remote CSV via D3 v6’s `csv` function, parses numeric fields, and renders SVG circles with `scaleLinear` scales for x and y positions. Axes are drawn using `axisLeft` and `axisBottom`, with rotated and positioned text labels for petal length and sepal length, all within a full-window SVG canvas.

Ssudheervnarasimha1@gmail.com
92% match
Loading thumbnail…

Activity6_Task3

This example displays the classic Iris dataset as an SVG scatter plot, using D3 version 6 to map petal length and width along the axes while coloring circles by species. It loads data from a remote CSV file and uses `d3.csv` for parsing, `d3.scaleLinear` for scales, and `d3.axisLeft`/`axisBottom` for ticks. Each circle’s fill is determined by a switch function, and sepal measurements are set as `rx` and `ry` attributes, though the radius remains constant. The visualization fills the viewport and applies custom axis labels and styling.

Gganeshseeram5decem@gmail.com
92% 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
92% 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
92% match
Loading thumbnail…

Activity6_task3

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x and y axes, with each point colored by species (setosa, versicolor, or virginica). The code uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data from a GitHub-hosted CSV and render an SVG chart. Additional text labels for the axes are added manually via appended `text` elements, though the title references sepal length, the axis and data actually use petal dimensions.

Mmaneeshraja47@gmail.com
92% match
Loading thumbnail…

Activity6_Task3

This interactive scatter plot visualizes the Iris dataset, distinguishing three flower species by color: setosa in skyblue, versicolor in lightgreen, and virginica in orange. It maps petal length and petal width to the x and y axes, respectively, while using the sepal length and width as circle radius properties. The visualization loads data from a GitHub CSV file using D3 v6’s `csv` method, then applies `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render the SVG chart. Circles are appended via a data join, with axes and labels added for clarity.

Aadapasaidivya99@gmail.com
92% match
Loading thumbnail…

Activity -6 Task 3

This example displays the classic Iris dataset using a scatter plot to visualize the relationship between petal length and petal width, with each of the three species color-coded (skyblue, lightgreen, orange). The visualization loads CSV data directly from a GitHub repository using d3.csv, maps the data to screen coordinates with d3.scaleLinear, and renders circular markers as SVG elements. Axis labels are added for both dimensions, and the layout adapts to the full browser window size. The code relies on D3 version 6.7.0 for data parsing, scales, and SVG generation.

Rrahulnathmukkolla@gmail.com
92% match
Loading thumbnail…

Activity6_Task3

This example displays the Iris dataset as a scatter plot, visualizing petal length against petal width for individual flowers, with species indicated by color (skyblue for setosa, lightgreen for versicolor, and orange for virginica). Additional sepal dimensions are stored in each circle’s `rx` and `ry` attributes, though the fixed radius of 5 overrides their visual effect. The visualization uses D3 v6 to load CSV data via `d3.csv`, scales through `scaleLinear` and `extent`, and renders SVG circles with axes generated by `axisLeft` and `axisBottom`. The plot fills the browser window, with labeled axes for petal length and sepal length.

Aakhilasannayila@gmail.com
92% match