Skip to main content
SimilarExport ZIP
100%

Activity_6_Task_3

✓ Published1🌍 Public
Lleelakrishnadivi7@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from HTML Starter

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis. Each circle represents an individual flower, colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica). The code uses D3 v6 functions including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`, rendering as SVG in a React-free HTML page. Data is loaded from a remote CSV via `d3.csv`, with axes labeled in green and a red title.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length against petal width for individual flowers. Points are colored by species—sky blue for setosa, light green for versicolor, and orange for virginica—using D3.js v6. The code loads CSV data from a GitHub repository and uses `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom` to create the axes. It renders as an SVG, with circles positioned by the scaled petal measurements and styled via a switch statement on the species field. The plot includes custom axis labels in green.

Bbhargavr016@gmail.com
95% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis. Each circle represents a flower, colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica) using a custom mapping function. Built with D3 v6, the example loads data via `d3.csv` from a GitHub URL, scales axes with `scaleLinear` and `extent`, and renders SVG circles with `select` and `.join`. Axis labels and ticks are added with `axisLeft` and `axisBottom`.

Ssatvikreddy79@gmail.com
95% match
Loading thumbnail…

Activity6_Task3

This scatter plot displays the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis. Each circle represents a flower, color-coded by species: sky blue for setosa, light green for versicolor, and orange for virginica. The visualization loads data from a CSV URL and renders using D3 version 6.7.0, employing `d3.csv` for data fetching, `scaleLinear` for axes, and `axisBottom` and `axisLeft` for chart labels. The SVG canvas is sized to the browser window, with axes and a titled header.

Hharshabandi3060@gmail.com
95% match
Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset, mapping petal length and petal width on the x- and y-axes while coloring each point by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. It also encodes sepal length and width as additional properties per circle. Built with D3 v6, the code uses `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and SVG circle elements. Data is loaded from a remote GitHub CSV, with axes and labels rendered into a full-window SVG.

Nnikhilthoutu24@gmail.com
95% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis. Each point is colored by species—skyblue for setosa, lightgreen for versicolor, and orange for virginica—revealing distinct clusters. Using D3 v6, the code loads CSV data, applies linear scales via `scaleLinear`, and renders SVG circles with `selectAll` and `join`. The chart includes left and bottom axes from `axisLeft` and `axisBottom`, with rotated axis labels for petal dimensions.

Cchandrikachowdary867@gmail.com
95% match
Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset by mapping petal length and petal width, with points colored by species (setosa, versicolor, virginica). Using D3 v6, the code loads CSV data with the `csv` function, creates axes with `axisLeft` and `axisBottom`, and applies `scaleLinear` for positioning. Circles are rendered via SVG selections, with an unusual use of `rx` and `ry` attributes based on sepal dimensions. The raw data comes from a GitHub-hosted CSV file.

VVidya Lakshmi Chitturi
95% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length and width for individual flowers while coloring points by species (setosa, versicolor, virginica) using an SVG circle per data row. D3 v6 loads CSV data via `d3.csv` from a GitHub raw URL, then applies `scaleLinear` and `extent` to position marks, with `axisLeft` and `axisBottom` generating labeled axes. The code also binds sepal measurements to circle radius attributes via `rx` and `ry`, though visual scaling is not applied.

KKhushi Desai
95% match
Loading thumbnail…

Activity6_Task3

A scatter plot displays the Iris dataset, mapping 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. Circles also store sepal length and width as properties, though these are not visually encoded. The visualization loads data from a GitHub CSV using `d3.csv`, scales with `scaleLinear` and `extent`, and renders as SVG circles via `selectAll` and `join`. Axes are generated with `axisLeft` and `axisBottom`, with custom labels added as SVG text.

Aaparnachalumuri@gmail.com
95% match