Skip to main content
SimilarExport ZIP
100%

Activity 6 Task 3 tutorial 3.1

✓ Published0🌍 Public
Aabjalshaik02@gmail.com
Last edited Oct 23, 2024
Created on Oct 21, 2024
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, plotting petal length against petal width and coloring each point by species (setosa, versicolor, or virginica). The visualization uses D3 v6 to load CSV data, apply linear scales with `scaleLinear`, and render circles with `select` and `join`. Interactive axes are generated via `axisLeft` and `axisBottom`, with labels for both dimensions. The plot fills the browser window, using an SVG canvas, and includes a legend-like color mapping for the three species.

AI-generated description

I am Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task3(Tutorial 3.1)

This scatter plot visualizes the Iris dataset, mapping petal length and width for each flower sample. Points are color-coded by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange fills. The visualization uses D3 v6 APIs including `csv` for data loading, `scaleLinear` for axis scaling, and `axisLeft`/`axisBottom` for rendering axes. SVG circles represent data points, with axis labels styled in green. The chart renders full-window with margins, displaying sepal dimensions as dataset attributes alongside the plotted petal measurements.

Gguruabhay294@gmail.com
95% match
Loading thumbnail…

Activity6_tutorial3.1

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis. Each circle is colored by species—sky blue for setosa, light green for versicolor, and orange for virginica—with all points rendered as fixed-size circles. The visualization uses the `d3.csv` loader to fetch data from a GitHub repository, `d3.scaleLinear` for axis scaling, and `d3.axisLeft` and `d3.axisBottom` for chart axes. The SVG canvas resizes to the browser window, and the code employs D3's data-join operator (`.join`) to efficiently bind data to circle elements.

Vvenkatdinesh5010@gmail.com
95% match
Loading thumbnail…

Activity6_Task3

This interactive scatter plot visualizes the Iris dataset, showing petal length against petal width while color-coding points by species (setosa, versicolor, and virginica). The visualization uses D3 v6’s `scaleLinear`, `axisLeft`, and `axisBottom` functions to render axes, with data loaded via `d3.csv` from a GitHub-hosted CSV file. Each circle’s position corresponds to petal dimensions, while its fill color maps to species through a custom marker function. The SVG output also includes rotated axis labels and a red-styled title, with data parsed from the CSV’s numeric columns.

Gguttavenkata745@gmail.com
95% 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
94% 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
94% match
Loading thumbnail…

Activity 6_Task 3.1_Tutorial

This scatter plot visualizes the Iris dataset, mapping petal length and width as the x- and y-axes, with each point colored by species (setosa, versicolor, or virginica). D3 v6 loads the CSV via `d3.csv`, and uses `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom` to render axes. Circles are drawn with SVG, and their radii are fixed, but the `rx` and `ry` attributes are set to sepal length and width, creating elliptical markers. Data is sourced from a GitHub-hosted CSV file.

Sshettisowmya01@gmail.com
94% match
Loading thumbnail…

Activity 6_Task 3

This scatter plot visualizes the Iris dataset, showing petal length against petal width, with points colored by species: setosa, versicolor, and virginica. The visualization uses D3 v6 to load CSV data and render circles on an SVG canvas, with axis labels for petal length and sepal length. Axes are generated using `d3.axisLeft` and `d3.axisBottom`, while the data is scaled with `d3.scaleLinear` and `d3.extent`. The plot is built entirely with D3 selections, appending circles and text elements directly to the SVG.

DDipesh
94% match
Loading thumbnail…

Activity 6 Tutorial 3

This scatter plot visualizes the Iris dataset, mapping petal length and width while coloring each point by species (setosa, versicolor, or virginica). The D3 v6 code loads CSV data from a GitHub repository, uses `scaleLinear` and `extent` for axes, and renders SVG circles with custom `rx` and `ry` attributes. Axis labels highlight the petal and sepal measurements, with the visualization filling the entire browser window.

BBharath Vupputuri
94% match