Skip to main content
SimilarExport ZIP
100%

TASK8_TUTORIAL3

✓ Published0🌍 Public
Ttarunskuruvadi@gmail.com
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Hello VizHub

This scatter plot displays the Iris dataset, mapping petal length and width for each sample while using color to distinguish between the three species (setosa, versicolor, and virginica). It also encodes sepal dimensions as the `rx` and `ry` attributes, though the circles are rendered with a fixed radius, making these values not visually apparent. The visualization is built with D3 v6, loading the CSV data via `d3.csv`, and using `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to construct the scales and axes. SVG circles are drawn on a full-window canvas, with a red title and green axis labels.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

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
95% 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
94% match
Loading thumbnail…

Task-4(Tutorial-3)

This scatter plot visualizes the Iris dataset by mapping petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, or virginica). The ellipses also encode sepal length and width via the `rx` and `ry` attributes. Built with D3 v6, it loads CSV data via `d3.csv`, uses `scaleLinear` and `extent` for axes, and renders SVG circles with `axisLeft` and `axisBottom`. The code imports D3 functions through destructuring from the UNPKG-hosted library.

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

Tutorial3.1

This scatter plot visualizes the Iris dataset, plotting petal length against petal width, with each point colored by species (skyblue for setosa, lightgreen for versicolor, and orange for virginica). It also encodes sepal length and width as the `rx` and `ry` attributes on each circle, though the rendering uses a constant radius. The visualization loads data via `d3.csv` from a GitHub gist, uses `d3.scaleLinear` and `d3.extent` for scales, and renders SVG circles with axes via `d3.axisLeft` and `d3.axisBottom`. Custom axis labels are added with rotated text.

Vvaishalireddy55555@gmail.com
94% match
Loading thumbnail…

Task 8 tutorial 3

This scatter plot visualizes the Iris dataset, distinguishing three flower species with colored circles: skyblue for setosa, lightgreen for versicolor, and orange for virginica. The chart plots petal length on the x-axis and petal width on the y-axis, while also encoding sepal length and sepal width as non-standard circle attributes. Built with D3 v6, it uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map data values to SVG coordinates. The code loads CSV data from a GitHub gist and renders circles with fixed radius of 5 pixels on an SVG canvas.

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

task3.1

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with circles colored by species (setosa, versicolor, and virginica). The visualization also encodes sepal length and width as circle attributes, though these are set as `rx` and `ry`, which do not affect standard SVG circle rendering. The code loads data from a GitHub-hosted CSV using `d3.csv`, applies `d3.scaleLinear` for axes, and renders the plot with SVG circles, `d3.axisLeft`, and `d3.axisBottom`. Axis labels are added as text elements in green.

Yyashwanthkirla95@gmail.com
93% match