Skip to main content
SimilarExport ZIP
100%

Task 8-Tutorial3.1

✓ Published3🌍 Public
SSushmaNamidi@my.unt.edu
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from Hello VizHub

A scatter plot displays the Iris dataset, mapping petal length and width to the x and y axes. Points are colored by species (setosa, versicolor, virginica) using a custom color function. The visualization is built with D3 v6, using `scaleLinear` for axes, `extent` for domains, and `axisLeft`/`axisBottom` for tick marks, rendered as SVG circles within an HTML page. Data is loaded from a CSV URL.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot with different colors.

MIT Licensed

Similar vizzes

Loading thumbnail…

Task8_Tutorial3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width to the x- and y-axes. Points are colored by species (setosa, versicolor, virginica) using a manual switch statement. The visualization is created with D3 v6, using `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` for axes. Data is loaded from a remote CSV via `d3.csv`, and circles are rendered in SVG, with sepal dimensions also encoded but not visually used.

KKeerthi
94% match
Loading thumbnail…

Task8_Tutorial3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width as the x and y coordinates of each point. The points are colored by species (setosa, versicolor, or virginica) using a custom color-switching function, while the point radii (`rx`, `ry`) encode sepal length and width. The visualization loads data via D3's `csv` method, uses `scaleLinear` to map domain values to SVG pixel ranges, and renders axes with `axisLeft` and `axisBottom`. The code employs D3 v6's selection-based `join` for efficient SVG circle creation, with global window dimensions defining the chart area.

Jjyothirmaijyothi2017@gmail.com
93% match
Loading thumbnail…

Task-8(Tutorial-3)

This example renders a scatter plot of the Iris dataset, mapping petal length and width to the x- and y-axes while coloring each point by species (setosa, versicolor, or virginica). The SVG visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` to load data from a GitHub-hosted CSV file, compute scales, and draw circles with a fixed radius. Axis labels are added as rotated text elements, and the chart fills the browser window with explicit margins.

Ttallurisaiteja96@gmail.com
93% match
Loading thumbnail…

Task-8-Tutorial3.1

This interactive scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes, with both axes labeled. The points are color-coded by species (setosa, versicolor, virginica) using a custom marker function. The visualization uses D3 v6's `csv` parser, `scaleLinear`, `extent`, and the `axisBottom` and `axisLeft` helpers to render an SVG chart. It also includes extra radial attributes (rx, ry) for each circle, though only the constant radius is applied.

Mmdadeebfarhaan@gmail.com
92% match
Loading thumbnail…

Task8_Tutorialo3

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, or virginica). Using D3 v6, it loads CSV data via `d3.csv`, applies linear scales with `scaleLinear` and `extent`, and renders circles as SVG markers with attributes for radius and fill. The axes are generated with `axisLeft` and `axisBottom`, and custom text labels annotate both dimensions. The code also parses numeric fields and computes additional sepal-related variables, though these are not directly plotted.

Ppogirimayoor@gmail.com
92% match
Loading thumbnail…

activity6_Task3_tutorial3.1

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width, with each of the 150 flowers colored by species (setosa, versicolor, virginica). The chart uses a D3 v6 pipeline that loads CSV data from a GitHub repository, applies linear scales to map data values to pixel coordinates, and renders points as SVG circles with a fixed radius. The code leverages the `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` APIs to construct axes and position marks, while a custom switch function assigns categorical colors to each species group.

Oorusushanth2002@gmail.com
92% match
Loading thumbnail…

Task 8 tutorial 3

This scatter plot visualizes the Iris dataset, mapping petal length and width on the axes, with points colored by species (setosa, versicolor, and virginica). The chart uses D3 v6’s `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to load data from a GitHub-hosted CSV and render the SVG. In addition to the petal measurements, the code accesses sepal length and width values, though these are not plotted in the visible marks. The visualization includes custom-styled axis labels and colored circles with a fixed radius.

YYeshwanth963@gmail.com
92% match
Loading thumbnail…

Task8_Tutorial3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes, with each point colored by species (setosa, versicolor, virginica). The plot uses D3 v6.7.0’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to construct the chart, which is rendered as an SVG. Data is loaded from a remote CSV using D3’s `csv` helper, and circles are positioned with attributes for `cx`, `cy`, and fill color, though the code also encodes non-visual sepal measurements in unused `rx` and `ry` properties.

Sshraehithareddy@gmail.com
92% match