Skip to main content
SimilarExport ZIP
100%

Activity6_task3

✓ Published0🌍 Public
AAnirudhaKulakarniKaranam@my.unt.edu
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from HTML Starter

This visualization displays the Iris dataset using a scatter plot, mapping petal length on the x-axis and petal width on the y-axis. Each point is colored by species (setosa, versicolor, virginica) using skyblue, lightgreen, or orange. The code loads CSV data from a GitHub repository via `d3.csv`, scales axes with `d3.scaleLinear`, and renders SVG circles with `d3.selectAll` and `data.join`. Axis labels are added using text elements, while `d3.axisLeft` and `d3.axisBottom` generate the tick marks.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

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, with each point colored by species (skyblue for setosa, lightgreen for versicolor, and orange for virginica). The code loads CSV data using `d3.csv`, scales the axes with `scaleLinear` and `extent`, and renders circles as SVG elements via `selectAll` and `join`. It includes custom axis labels using `axisLeft` and `axisBottom`, plus a legend built with appended SVG `rect` and `text` elements. The plot uses D3 v6.

AAftab Hussain
95% match
Loading thumbnail…

Activity6_Task3

This visualization displays a scatter plot of the Iris dataset, showing petal length against petal width with points colored by species (setosa in skyblue, versicolor in lightgreen, and virginica in orange). The code uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load and render the data as SVG circles. Axis labels are added for petal length and sepal width, though the actual plotted values use petal measurements. The chart fills the browser window and pulls data from a GitHub-hosted CSV file.

AAnilreddyveeraiahgari@my.unt.edu
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 visualization displays the Iris dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis, with each species (setosa, versicolor, virginica) represented by a distinct color. The code loads CSV data via `d3.csv`, parses numeric fields, and renders SVG circles using `d3.scaleLinear` for axes and `d3.axisLeft`/`d3.axisBottom` for labeled scales. Axis labels are manually appended texts, while circles receive color based on species and use both `r` for size and `rx`/`ry` attributes, though the latter do not affect circle rendering in SVG.

Ssjannaikode@gmail.com
94% match
Loading thumbnail…

Activity6_Task3

This visualization displays the Iris dataset as a scatter plot, using 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 code loads CSV data via `d3.csv`, maps values using `scaleLinear`, and renders the plot as an SVG with circles and axes. It also incorporates sepal length and width as custom `rx` and `ry` attributes on the circles. The chart uses D3 v6 with `axisLeft`, `axisBottom`, and `selectAll().data().join()` for data binding, sized to the full window.

Ssuchigeneralpur@gmail.com
94% match
Loading thumbnail…

Activity6_Task3

This visualization displays the Iris dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis while coloring each point by species. Using D3 v6, it loads CSV data via `d3.csv`, applies `scaleLinear` for both axes, and renders circles with `d3.selectAll` and `.join`. Axis labels are added via `axisLeft` and `axisBottom`, with rotated text for the vertical label. Despite naming variables for sepal length and width, only petal dimensions are plotted, while species hues are hardcoded for setosa, versicolor, and virginica.

Aamarnadhkari98@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, showing 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 v6 with `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to load data from a GitHub-hosted CSV and render SVG circles. Axis labels for petal length and sepal length are added with lower-case text, using a green font.

Kkowshiksamudrala08@gmail.com
94% match