Skip to main content
100%

Activity6_Task3

✓ Published0🌍 Public
AAkhileshVadlakonda@my.unt.edu
Last edited Oct 20, 2024
Created on Oct 20, 2024
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, displaying petal length and petal width for individual flowers while using color to distinguish species (setosa, versicolor, and virginica). Built with D3.js v6 as an SVG rendering, the code loads CSV data via `d3.csv`, scales values with `scaleLinear` and `extent`, and renders circles with `selectAll().join()`. The visualization includes custom axes created with `axisLeft` and `axisBottom`, labeled to show measurement dimensions.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6_Task 3.1

This scatter plot visualizes the Iris dataset, comparing petal length and width across three flower species. Each data point is color-coded by species, with setosa in sky blue, versicolor in light green, and virginica in orange. The visualization uses D3's `csv` loader to fetch remote data, then applies `scaleLinear` with `extent` for axis scaling. Points are rendered as SVG circles via `selectAll`, with axes generated using `axisLeft` and `axisBottom`. Chart dimensions dynamically adapt to the browser window size.

Aakankshareddygorla@my.unt.edu
95% match
Loading thumbnail…

Activity6_Task3

This example displays the Iris dataset as a scatter plot, visualizing petal length against petal width for individual flowers, with species indicated by color (skyblue for setosa, lightgreen for versicolor, and orange for virginica). Additional sepal dimensions are stored in each circle’s `rx` and `ry` attributes, though the fixed radius of 5 overrides their visual effect. The visualization uses D3 v6 to load CSV data via `d3.csv`, scales through `scaleLinear` and `extent`, and renders SVG circles with axes generated by `axisLeft` and `axisBottom`. The plot fills the browser window, with labeled axes for petal length and sepal length.

Aakhilasannayila@gmail.com
95% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, displaying petal length against petal width for individual flowers. The visualization, built with D3 v6 and rendered as an SVG, uses colored circles to distinguish between the three Iris species: setosa, versicolor, and virginica. The code loads data from a CSV file and applies the `d3.scaleLinear` API for both the x and y axes, with `d3.axisLeft` and `d3.axisBottom` for the chart’s labeled axes.

Ggouthamigongidi2457@gmail.com
95% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis. Each circle represents a flower, colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica) using a custom mapping function. Built with D3 v6, the example loads data via `d3.csv` from a GitHub URL, scales axes with `scaleLinear` and `extent`, and renders SVG circles with `select` and `.join`. Axis labels and ticks are added with `axisLeft` and `axisBottom`.

Ssatvikreddy79@gmail.com
94% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length and width on the axes while coloring each point by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. The D3 v6 code loads CSV data via `d3.csv`, applies `d3.scaleLinear` for both scales, and renders circles with `d3.selectAll` and `d3.axisLeft`/`d3.axisBottom` for labeled axes. Sepal dimensions are also stored per point but not directly visualized, with the SVG output adapting to the full viewport size.

Aajaykumarseelam@my.unt.edu
94% 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
94% 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
94% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length and width for individual flowers, with colors distinguishing the three species (setosa, versicolor, and virginica). Built with D3 v6, it uses `select`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render the SVG. The data is loaded as CSV from a GitHub repository, and each point is drawn as a circle with a fixed radius, while the x- and y-axes are labeled with green text.

LLokesh Madem
94% match