Skip to main content
SimilarExport ZIP
100%

Fork of Activity6_T3.2

✓ Published0🌍 Public
Llingaladineshteja23@gmail.com
Last edited Apr 7, 2024
Created on Apr 7, 2024
Forked from Activity6_Task3

This example visualizes the Iris dataset as a scatter plot, showing the relationship between petal length and width for three flower species, with each species color-coded (skyblue, lightgreen, orange). The code uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to create an SVG chart. It loads CSV data asynchronously via `d3.csv`, maps data points to circle elements using `join('circle')`, and labels axes with rotated text. The plot fills the full browser window, with axes positioned according to specified margins.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Activity6_Task3

This example visualizes the Iris dataset as a scatter plot, mapping petal length and width along the axes while coloring each point by species. The D3.js code (v6) loads CSV data, applies linear scales, and renders SVG circles with a fixed radius. It uses `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` to build the chart, with species-specific colors assigned via a switch function. The visualization fills the browser window and includes custom axis labels.

PPadmajaKodati@my.unt.edu
93% match
Loading thumbnail…

Fork of activity6 tutorial 3.1

This visualization is an interactive scatter plot of the Iris dataset, displaying petal length and petal width for three flower species—setosa, versicolor, and virginica—distinguished by color. The plot uses D3 v6 APIs, including `csv` for data loading, `scaleLinear` for axes, and `axisLeft`/`axisBottom` for rendering the scales. It renders circles as SVG marks, with additional sepal measurements stored as properties but not used in the visual encoding. The chart is sized to the full window, with green axis labels and a red title.

Nnagalakshmibadineedi2@gmail.com
93% match
Loading thumbnail…

Fork of Activity 6_task 3.1

This scatter plot visualizes the Iris dataset, mapping petal length and petal width for individual flowers while coloring each point by species (skyblue, lightgreen, or orange). It uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render an SVG with circle marks and labeled axes. The data is loaded from a remote CSV via `d3.csv`, and axis labels are rotated using SVG transforms.

KKarnam Abinay Goud
93% match
Loading thumbnail…

Fork of activity6_tutorial3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width for each specimen while coloring points by species (setosa, versicolor, or virginica). The D3 v6 code loads CSV data from a GitHub repository and uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the SVG visualization. The plot also encodes sepal dimensions in each point's radius (`rx`/`ry` attributes), though these are not scaled to the axes. The visualization renders circles with custom colors and labeled axes in an HTML page.

Sshreshikaveerannagari@gmail.com
92% match
Loading thumbnail…

Fork of Activity-6_task3.1

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis, with points colored by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. The example loads CSV data via d3.csv, uses d3.scaleLinear for axis scaling, and d3.axisLeft/axisBottom for tick marks. Circles are rendered in SVG with d3.join, and each point’s radius is fixed, while sepal dimensions are encoded as rx and ry attributes, though these don’t affect the circular shape. Axis labels are added as SVG text elements, and the chart resizes to the browser window.

Aakitisaitejareddy@gmail.com
92% match
Loading thumbnail…

Fork of Activity6_Task3_Tutorial 3.1

This example visualizes the Iris dataset as a scatter plot, mapping petal length and width on the axes while coloring each circle by species. It uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` to load data, scale coordinates, and render SVG marks. The circles also store sepal measurements in `rx` and `ry` attributes, though these do not affect the visual radius. Data is fetched from a GitHub raw CSV URL, and the full-page SVG adapts to the browser window size.

Nnavyabade05@gmail.com
92% match
Loading thumbnail…

Fork of Activity6_Task3_Tutorial 3.1

This example visualizes the Iris dataset as a scatter plot, mapping petal length and width on the axes while coloring each circle by species. It uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` to load data, scale coordinates, and render SVG marks. The circles also store sepal measurements in `rx` and `ry` attributes, though these do not affect the visual radius. Data is fetched from a GitHub raw CSV URL, and the full-page SVG adapts to the browser window size.

Nnavyabade05@gmail.com
92% match
Loading thumbnail…

activity-6-t-3

This example displays a scatter plot of the Iris dataset, mapping petal length and width on the axes. The visualization uses D3.js v6 to load CSV data from a GitHub URL, with circle marks colored by species (skyblue, lightgreen, orange). The code uses `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to project and render the data. The chart includes labeled axes for petal and sepal measurements, with a red title and custom tick font sizing.

SSathishvepuri143@gmail.com
92% match