Skip to main content
SimilarExport ZIP
100%

Fork of Activity_6 Task-3.1

✓ Published0🌍 Public
Kkrishna444battula@gmail.com
Last edited Oct 20, 2024
Created on Oct 20, 2024
Forked from Activity_6 Task-3

This scatter plot visualizes the Iris dataset, using the D3 v6 API to map petal length and width along the x- and y-axes while coloring each point by species (setosa, versicolor, or virginica). The visualization loads data from a remote CSV file via `d3.csv`, uses `d3.scaleLinear` and `d3.extent` to scale the axes, and renders circles with `d3.select` and `.join`. Axis labels are drawn with `d3.axisBottom` and `d3.axisLeft`, and the chart’s dimensions adapt to the browser window.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activity6_Task3.1

This scatter plot visualizes the Iris dataset, displaying petal length and width for three species, color-coded by species type. It uses D3 v6, loading data from a GitHub-hosted CSV file and rendering SVG circles. The visualization demonstrates core D3 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` to create interactive axes and custom-styled markers.

KKondreddy Saikiran reddy
94% 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
94% match
Loading thumbnail…

Fork of Activity 6_Task 3

This scatterplot visualizes the Iris dataset, mapping petal length and width for individual flowers, with points colored by species (setosa, versicolor, virginica). D3 v6 loads the CSV data, then uses scaleLinear and extent to set the x and y axes, while axisLeft and axisBottom add labels. The SVG circles receive computed coordinates and colors based on the parsed species field. The chart’s red title and green axis labels, positioned via rotation and translate, highlight the custom styling and data-derived encoding.

Aanusha.chilkamarri26@gmail.com
94% match
Loading thumbnail…

fork of activity6_task_3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width while coloring each point by species—skyblue for setosa, lightgreen for versicolor, and orange for virginica. The D3 v6 code loads CSV data from a GitHub URL, uses scaleLinear with extent for axes, and renders circles with SVG. Axis labels clarify petal length and sepal length, with d3.axisLeft and d3.axisBottom providing tick marks.

JJaswanthkota@my.unt.edu
94% 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
94% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with points colored by species (setosa, versicolor, and virginica). The visualization uses d3.v6’s `scaleLinear`, `axisLeft`, and `axisBottom` to render axes, while `csv` loads the remote GitHub-hosted data. Circles are appended via data joins, with `cx` and `cy` positions scaled from the parsed numerical values, and fill colors assigned per species. The SVG renders full-window, with axis labels noting petal length and sepal length metrics despite the plot’s primary dimensions.

Rrakshithareddy217@gmail.com
94% match
Loading thumbnail…

Fork of Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length and width for each sample while using color to distinguish the three iris species. The D3.js v6 code loads the data from a remote CSV file, applies linear scales to position the circles, and renders the chart as an SVG. Custom axes, tick labels, and green axis labels annotate the plot, with the styling specified through inline CSS within an HTML page.

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

Task3.1 of Activity6

This scatter plot visualizes the Iris dataset, showing petal length against petal width with points colored by species (setosa in skyblue, versicolor in lightgreen, and virginica in orange). The code loads CSV data from a GitHub repository using d3.csv, then applies d3.scaleLinear with d3.extent to map the quantitative fields to SVG coordinates. Circles are rendered via SVG with d3.selectAll and .join, while axes are drawn using d3.axisLeft and d3.axisBottom, with axis labels and a styled title completing the view.

VVenkataSaisrivishnuBatchu@my.unt.edu
93% match