Skip to main content
SimilarExport ZIP
100%

Activity 6_tutorial 3.1

✓ Published0🌍 Public
Ssairohithchada@gmail.com
Last edited Apr 1, 2025
Created on Apr 1, 2025
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, plotting petal length against petal width and coloring each point by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. The code loads CSV data from a GitHub gist, scales the x and y axes with `d3.scaleLinear`, and renders circles in an SVG using `d3.select` and `data.join`. Axis labels and ticks are appended via `d3.axisLeft` and `d3.axisBottom`, with margins and a fixed radius of 5 pixels for each point.

AI-generated description
MIT Licensed

Similar vizzes

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
95% match
Loading thumbnail…

activity6_tutorial3

This scatter plot visualizes the Iris dataset, mapping petal length and petal width for each sample while coloring points by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange markers. The D3.js v6 code loads CSV data from a remote GitHub repository and uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct axes and position circles in an SVG. The visualization includes rotated axis labels for petal length and sepal length, with a fixed radius of 5 pixels for each circle.

1188r1a0559@gmail.com
95% match
Loading thumbnail…

activity6_tutorial3

This scatter plot visualizes the Iris dataset, mapping petal length and petal width for each sample while coloring points by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange markers. The D3.js v6 code loads CSV data from a remote GitHub repository and uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct axes and position circles in an SVG. The visualization includes rotated axis labels for petal length and sepal length, with a fixed radius of 5 pixels for each circle.

1188r1a0559@gmail.com
95% match
Loading thumbnail…

activity6_tutorial

This scatter plot visualizes the Iris dataset, mapping petal length and width on the axes while coloring points by species (setosa, versicolor, and virginica) with distinct fill colors. The visualization uses D3 v6’s `csv` loader to fetch data from a GitHub gist, `scaleLinear` for axis scaling, and `axisLeft`/`axisBottom` for labeled axes. Circles are rendered via SVG with a fixed radius, and additional attributes like sepal dimensions are bound to each mark but not visually encoded.

Vvidiyalasahithi1999@gmail.com
95% match
Loading thumbnail…

Activity 6_Tutorial 3.1

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width for three flower species. Each circle is colored by species—skyblue for setosa, lightgreen for versicolor, and orange for virginica—making species clusters visible. The visualization loads CSV data via `d3.csv`, uses `scaleLinear` and `extent` for axis scaling, and renders SVG circles with `d3.selectAll` and `join`. Axis labels are added with `axisLeft` and `axisBottom`, while custom text labels annotate the axes. The chart uses D3 v6 and is displayed in a full-window SVG layout.

Ttallavijayalakshmi0710@gmail.com
95% 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_Tutorial 3

This scatter plot visualizes the Iris dataset, mapping petal length and width for sepal length and width, with points colored by species (setosa, versicolor, and virginica) using skyblue, lightgreen, and orange. The visualization uses D3 v6 (d3.csv, d3.scaleLinear, d3.extent, d3.axisLeft, d3.axisBottom) to load the CSV from a GitHub repository, compute scales, and render SVG circles. Axis labels are added via SVG text elements, and the plot resizes to the full window dimensions.

Aaashrithas2000@gmail.com
94% match