Skip to main content
SimilarExport ZIP
100%

Tutorial3_Activity6

✓ Published1🌍 Public
Ssanjanadadi19@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

This visualization displays the Iris dataset as a scatter plot, using petal length and petal width along the axes while coloring each point by iris species (setosa, versicolor, or virginica). The chart also includes the sepal dimensions as data attributes on each circle. The code loads the data via D3’s `csv` parser, scales the positions with `scaleLinear`, and renders circles with axes generated by `axisLeft` and `axisBottom`. It uses D3 v6, appends an SVG, and applies a rotation for the y-axis label.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Tutorial3.1

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis. Each point’s color encodes the iris species (setosa, versicolor, or virginica), while the sepal length and width are additionally used to scale each circle’s rx and ry attributes, creating elliptical markers. The code loads CSV data via `d3.csv`, uses `scaleLinear` with `extent` to set domains, and renders the visualization as SVG circles with `d3.axisLeft` and `d3.axisBottom` for labeled axes.

Hhemanthdummy999@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…

Activity8_Tutorial3.1

This visualization displays the Iris dataset using a scatter plot, showing the relationship between petal length and petal width. Each data point is colored by species (setosa, versicolor, or virginica), with an additional attempt to encode sepal dimensions as rectangular shapes. The D3 v6 code loads CSV data from a GitHub gist, uses `scaleLinear` and `extent` for axis scaling, and renders circles with `axisLeft` and `axisBottom`.

Aanusharamana0@gmail.com
94% match
Loading thumbnail…

Activity6_Tutorial3-1

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with each point colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica). The visualization uses d3.scaleLinear for axis scaling, d3.extent to compute data domains, and d3.axisLeft/d3.axisBottom for tick rendering. Circles are drawn as SVG elements with a fixed radius, while the code also calculates sepal dimensions for each point but does not apply them to the mark size. Data is loaded asynchronously from a CSV via d3.csv, and the chart resizes to the browser window.

Kkaringusathwika@gmail.com
94% match
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
94% 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
94% 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
94% match