Activity 6 task 3.1

100%

Activity 6 task 3.1

✓ Published4🌍 Public

Last edited Apr 4, 2025

Created on Apr 4, 2025

This D3.js scatter plot visualizes the Iris dataset, encoding petal length and petal width along the x- and y-axes while coloring each point by species (setosa, versicolor, virginica) using a custom marker function. The chart uses `d3.csv` to load the external iris.csv file, `d3.scaleLinear` for axes, and `d3.axisLeft`/`d3.axisBottom` for ticks. Each circle is rendered via SVG, with sepal measurements additionally stored as data attributes, and the plot adapts to the full browser window.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6-Task3

This D3.js (v6) scatter plot visualizes the Iris dataset, plotting petal length against petal width with circle marks colored by species. The SVG renderer uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct axes and scales. The code loads CSV data from a GitHub URL, maps categorical species values to colors, and displays rotated axis labels. The chart omits a legend but differentiates setosa, versicolor, and virginica through skyblue, lightgreen, and orange fills, respectively.

Mmeenam1106@gmail.com

95% match

Loading thumbnail…

Activity6_Task3

This D3.js v6 scatter plot visualizes the Iris dataset, plotting petal length against petal width while color-coding each point by species (setosa, versicolor, or virginica). The visualization loads CSV data from a GitHub repository using `d3.csv`, then renders circular marks via SVG. Scales are created with `scaleLinear` and `extent`, while axes are generated using `axisLeft` and `axisBottom`. The chart is responsive, filling the browser window, and includes custom axis labels reading from the dataset's numeric columns.

Ppadiginetivishnupriya@gmail.com

95% match

Loading thumbnail…

Activity6 task3

This scatter plot visualizes the Iris dataset, mapping petal length and width for each sample while coloring points by species (setosa, versicolor, and virginica) using D3 v6. The SVG rendering uses `scaleLinear` for both axes, `extent` to set domains, and `axisLeft`/`axisBottom` for tick marks. Data is loaded asynchronously from a GitHub CSV via `d3.csv`, with each circle assigned a radius of 5 and a species-specific fill color from a simple switch statement.

Vvishnutejareddyambati@my.unt.edu

95% match

Loading thumbnail…

Activity6_task3

This visualization displays a scatter plot of the Iris dataset, plotting petal length against petal width, with points colored by species (setosa, versicolor, or virginica). The chart uses D3 v6’s `scaleLinear`, `axisLeft`, and `axisBottom` to render axes, while SVG circles are sized by sepal length and width via the `rx` and `ry` attributes, creating an ellipse-like marker. Data is loaded asynchronously from a remote CSV using `d3.csv`, and the plot fills the browser window with margins configured for axis labels.

Ppaulphillips@my.unt.edu

94% match

Loading thumbnail…

Activity6_task3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width on the axes while coloring each point by species (setosa, versicolor, or virginica). It also encodes sepal length and width in each circle’s rx and ry attributes, making the marks elliptical. Built with D3 v6, the code loads CSV data from a GitHub URL, uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` from the D3 API, and renders SVG circles with a custom marker function for color. The visualization fills the browser window’s full width and height.

11810vineeth@gmail.com

94% match

Loading thumbnail…

Activity6_Task3.1

This D3.js 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 (setosa, versicolor, virginica). The plot uses SVG circles with a fixed radius, while the data also includes sepal measurements. Built with D3 v6, it leverages `d3.csv` for data loading, `scaleLinear` for scaling, and `axisBottom`/`axisLeft` for axes, rendering interactively within a full-window viewport.

Bbhavanasruthikakarlapudi@gmail.com

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, while coloring each circle by species (setosa, versicolor, and virginica). The chart displays all 150 data points using SVG circles, with species-specific colors applied via a switch function. Built with D3 v6, the visualization uses `d3.csv` to load data from a GitHub-hosted CSV, `scaleLinear` for axes, and `axisLeft`/`axisBottom` for tick marks. Axis labels are styled with green text for petal length and sepal length.

Ddineshreddy.ravula@gmail.com

94% match

Loading thumbnail…

ACTIVITY6 TASK3

This scatter plot visualizes the Iris dataset, mapping petal length and width as the x and y coordinates. Each point is colored by species (setosa, versicolor, or virginica) and uses an SVG circle with additional radius attributes derived from sepal measurements. The code loads CSV data via `d3.csv`, scales axes with `d3.scaleLinear`, and renders marks using D3's `select` and `join` operations. Axis labels are added manually, and the chart fills the browser window.

BBhavana Sharma

94% match