Activity6_task3

100%

Activity6_task3

✓ Published1🌍 Public

Last edited Oct 25, 2024

Created on Oct 24, 2024

A scatter plot displays the Iris dataset, plotting petal length against petal width for three Iris species (setosa, versicolor, and virginica), with each species shown as a distinct colored circle (skyblue, lightgreen, and orange). The visualization uses D3 v6's `select`, `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to load data from a remote CSV, create a linear scale for both axes, and render the SVG chart. Points are drawn with 0.8 opacity, and the axes are labeled in green, with a title in red.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

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

95% match

Loading thumbnail…

Activity6_task3

This visualization displays a scatter plot of the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis. Data points are colored by species (setosa, versicolor, and virginica) using a predefined color scale. The example uses D3 v6 via UNPKG, loading CSV data asynchronously with `d3.csv`, and rendering circles with an SVG-based approach. Axes are generated through `d3.axisLeft` and `d3.axisBottom`, with linear scales (`d3.scaleLinear`) for positioning and `d3.extent` for domain calculation, resulting in a clean, labeled chart.

Jjahnavigummadi@my.unt.edu

95% 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

95% match

Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length against petal width for individual flowers. Points are colored by species—sky blue for setosa, light green for versicolor, and orange for virginica—using D3.js v6. The code loads CSV data from a GitHub repository and uses `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom` to create the axes. It renders as an SVG, with circles positioned by the scaled petal measurements and styled via a switch statement on the species field. The plot includes custom axis labels in green.

Bbhargavr016@gmail.com

95% match

Loading thumbnail…

activity6_task3

This scatter plot displays the Iris dataset, mapping petal length and width on the x and y axes while coloring each point by species (setosa, versicolor, virginica) using custom colors. The visualization uses D3 v6 with SVG rendering, employing `d3.scaleLinear` with `d3.extent` for scales and `d3.axisLeft` and `d3.axisBottom` for labeled axes. Data loads asynchronously from a GitHub-hosted CSV via `d3.csv`, and circles are joined to the SVG using `selectAll` and `data`. The chart fills the viewport with margins and includes rotated axis labels.

Bbhavyamoturi2509@gmail.com

95% match

Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width for each flower sample. Circles are colored by species—sky blue for setosa, light green for versicolor, and orange for virginica—revealing distinct clusters. The example loads data from a remote CSV file using the `d3.csv` function, then renders the chart as an SVG. It uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to create the scales and axes, with the `select` and `join` pattern to bind data to circle elements.

Ssindhuja27b@gmail.com

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

95% match

Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis. Each point is colored by species—skyblue for setosa, lightgreen for versicolor, and orange for virginica—revealing distinct clusters. Using D3 v6, the code loads CSV data, applies linear scales via `scaleLinear`, and renders SVG circles with `selectAll` and `join`. The chart includes left and bottom axes from `axisLeft` and `axisBottom`, with rotated axis labels for petal dimensions.

Cchandrikachowdary867@gmail.com

95% match