Skip to main content
SimilarExport ZIP
100%

ACT7_TUTORIAL

✓ Published0🌍 Public
RRevanth putta
Last edited Nov 2, 2025
Created on Nov 2, 2025

This scatter plot visualizes the Iris dataset, showing petal length against petal width with points colored by species (Setosa, Versicolor, and Virginia). The visualization uses D3 v6 to load CSV data via `d3.csv`, scales with `d3.scaleLinear`, and renders SVG circles from `d3.selectAll`. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, and labeled with custom SVG text elements. The data comes from a remote gist file, and the chart responds to the full browser window dimensions.

AI-generated description
MIT Licensed

Similar vizzes

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

Activity 7 Tutorial

This scatter plot visualizes the Iris dataset, showing petal length against petal width. Each circle is colored by species: sky blue for setosa, light green for versicolor, and orange for virginica. The plot uses D3’s `csv`, `scaleLinear`, `extent`, and axis components, with SVG circles positioned via `cx` and `cy` attributes. Sepal length and width are parsed from the CSV but remain unused for positioning. Axis labels are added as rotated and standard text elements, with a green font style.

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

ACT6_TUT3

This chart displays a scatter plot of the Iris dataset, plotting petal length against petal width for individual flowers. Data points are colored by species: sky blue for setosa, light green for versicolor, and orange for virginica. The visualization is rendered as an SVG using D3 v6, with `scaleLinear` mapping the data to screen coordinates and `axisLeft` and `axisBottom` generating the axes. The code loads the dataset from a CSV URL via `csv()` and displays sepal length and width as attributes on each circle, though the point size remains fixed.

RRevanth putta
92% 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
92% match
Loading thumbnail…

act_8_tut_3.1

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with each data point colored by species (setosa, versicolor, virginica). The visualization is rendered as an SVG using D3 v6, employing `d3.csv` to load the data and `d3.scaleLinear` for axis scaling. It uses `d3.axisLeft` and `d3.axisBottom` to generate the axes, and the data points are drawn as circles with a constant radius. The title and axis labels are styled with HTML and SVG text elements.

Ssairam.amaraneni22@gmail.com
92% 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
92% match