Skip to main content
SimilarExport ZIP
100%

ACTIVITY-6 Tutorial 3.1

✓ Published0🌍 Public
Ssannihitha.k23@gmail.com
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from HTML Starter

This scatter plot visualizes the Iris dataset, displaying petal length against petal width, with each point colored by species (setosa, versicolor, or virginica). The visualization is built using D3 version 6, leveraging the `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to load data from a remote GitHub source and render an SVG. It uses a custom marker function to assign colors based on the species field, and a data join operation to create the circles. Axis labels are added with rotated text, and the plot is scaled to fill the browser window.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6 Tutorial3

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with points colored by species (setosa, versicolor, and virginica). It renders as an SVG using D3 v6, employing `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, map scales, and draw axes. The code also applies a custom marker function to assign species-specific colors to each circle. Data is sourced from a raw GitHub CSV file, with page-filling dimensions based on `window.innerWidth` and `window.innerHeight`.

Yyadlapallisaisathvik@gmail.com
96% match
Loading thumbnail…

Activity 6 tutorial 3-1

This scatter plot visualizes the Iris dataset, mapping petal length and width for each flower sample. Points are colored by species (setosa, versicolor, and virginica) using skyblue, lightgreen, and orange markers. The visualization loads CSV data from a GitHub gist, parses it, and builds a D3 v6 SVG chart with `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, `d3.axisBottom`, and `d3.select` for DOM manipulation. Axis labels are added for petal dimensions, while the viewport uses `window.innerWidth` and `window.innerHeight` for sizing.

Kkaringusathwika@gmail.com
94% match
Loading thumbnail…

Activity6_Tutorial3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes while coloring each point by species (setosa, versicolor, virginica). The visualization uses D3 v6 and SVG rendering, loading data from a remote CSV via `d3.csv` and scaling coordinates with `d3.scaleLinear`. Circles are drawn with `selectAll` and `join`, with axes generated by `d3.axisLeft` and `d3.axisBottom`, accompanied by rotated axis labels.

Ddandudivya98@gmail.com
94% match
Loading thumbnail…

Activity6_tutorial3.1

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis. Each circle is colored by species—sky blue for setosa, light green for versicolor, and orange for virginica—with all points rendered as fixed-size circles. The visualization uses the `d3.csv` loader to fetch data from a GitHub repository, `d3.scaleLinear` for axis scaling, and `d3.axisLeft` and `d3.axisBottom` for chart axes. The SVG canvas resizes to the browser window, and the code employs D3's data-join operator (`.join`) to efficiently bind data to circle elements.

Vvenkatdinesh5010@gmail.com
94% match
Loading thumbnail…

ACTiVity6_task3.1

This scatter plot visualizes the Iris dataset, displaying petal length against petal width while coloring each point by species (setosa, versicolor, or virginica). The visualization uses D3.js v6 with SVG rendering, employing `scaleLinear` for both axes and `axisLeft`/`axisBottom` for tick marks. Circle elements are positioned using the `x` and `y` scales, with species-based fill colors. The data loads from a remote CSV file via `d3.csv`, and the chart fills the entire browser window with custom margins and rotated axis labels.

Kkbhavithareddy06@gmail.com
94% match
Loading thumbnail…

activity6 tutorial 3.1

This scatter plot visualizes the Iris dataset, mapping petal length and petal width for each sample while coloring points by species (blue, green, or orange). The chart uses D3 v6 methods including `d3.csv` for data loading, `d3.scaleLinear` for axis scaling, and `d3.axisLeft`/`d3.axisBottom` for ticks. Circles are rendered via SVG with a fixed radius, and text labels for axes are rotated and styled. Data comes from a GitHub-hosted CSV file, parsed with a custom row handler.

Nnissisharon61@gmail.com
94% match
Loading thumbnail…

Activity6_task3

This scatter plot visualizes the Iris dataset, showing petal length against petal width, with each circle colored by species (setosa, versicolor, or virginica). The SVG visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`, loading data from a GitHub-hosted CSV file. Scales map the data domain to pixel ranges, while circles are joined via `selectAll` and `join`. Axis labels and colored points are rendered in a full-window responsive layout.

Ssaibharath7thota@gmail.com
94% match
Loading thumbnail…

Activity 6 Task 3 tutorial 3.1

This scatter plot visualizes the Iris dataset, plotting petal length against petal width and coloring each point by species (setosa, versicolor, or virginica). The visualization uses D3 v6 to load CSV data, apply linear scales with `scaleLinear`, and render circles with `select` and `join`. Interactive axes are generated via `axisLeft` and `axisBottom`, with labels for both dimensions. The plot fills the browser window, using an SVG canvas, and includes a legend-like color mapping for the three species.

Aabjalshaik02@gmail.com
93% match