Skip to main content
SimilarExport ZIP
100%

Task8Tutorial_3

✓ Published0🌍 Public
Mmanohar varma
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Hello HTML

This example visualizes the classic IRIS dataset with a scatter plot mapping petal length and width. Each point is colored by species, with setosa in sky blue, versicolor in light green, and virginica in orange. The code uses D3 v6 methods such as `d3.csv` for data loading, `d3.scaleLinear` and `d3.extent` for scales, and `d3.axisLeft` and `d3.axisBottom` for axes. The visualization renders as SVG circles, with axis labels styled via D3 text elements.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

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

Task-8

This example visualizes the Iris dataset with a scatter plot, mapping petal length and width on the x- and y-axes while coloring each point by species (setosa, versicolor, and virginica). It uses D3 v6’s `csv`, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` APIs to load data, position circles, and render axes as SVG, with data sourced from a GitHub-hosted CSV. Colors are assigned via a switch statement, and axis labels are added as SVG text elements.

Ppraneeth7222@gmail.com
92% match
Loading thumbnail…

Task8 T3

This visualization shows the Iris dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis. Points are colored by species (setosa, versicolor, and virginica) using skyblue, lightgreen, and orange. The code uses D3 v6 with `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load and render the data as SVG circles. The axes are labeled, and the data source is a remote GitHub gist containing the iris measurements.

Ssruthimreddy6@gmail.com
92% match
Loading thumbnail…

tutorial3

This example displays the classic IRIS dataset as a scatter plot, mapping petal length on the horizontal axis and petal width on the vertical axis. Data points are colored by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. The visualization uses D3 v6 APIs including `select`, `scaleLinear`, `extent`, `csv`, and `axisLeft`/`axisBottom` to create an SVG chart with labeled axes. Data is loaded from a remote comma-separated file and rendered as circles with fixed radius.

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

TASK8_TUTORIAL3

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.

Ttarunskuruvadi@gmail.com
91% match
Loading thumbnail…

Tutorial Activity6_Task3

This example visualizes the Iris dataset as a scatter plot, mapping petal length and width on the axes while coloring each point by species (setosa, versicolor, or virginica). The chart uses D3 v6 to load CSV data, apply linear scales, and render SVG circles with custom fill colors. Axis labels are added using d3.axisLeft and d3.axisBottom, and the graphic fills the browser window. The code imports specific D3 modules via destructuring and uses scaleLinear, extent, and join for efficient data binding.

Kkrunalpatel@my.unt.edu
91% 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
91% match