Skip to main content
SimilarExport ZIP
100%

Activity6_Task3

✓ Published0🌍 Public
Aamanipeddolla@my.unt.edu
Last edited Oct 19, 2024
Created on Oct 19, 2024
Forked from 5 Buddhas

This scatter plot visualizes the Iris dataset, showing petal width against petal length for three species, each color-coded as skyblue, lightgreen, or orange. The chart uses D3 v6 scales and axes to position circles, with SVG rendering in React. Data is loaded via `d3.csv` and parsed to numeric values. The visualization also sets circle radii based on sepal measurements, though the primary axes focus on petal dimensions.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity_6_Task_3

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.

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

Activity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length against petal width for three iris species, with each species color-coded as skyblue, lightgreen, or orange. The visualization uses D3 v6 to load CSV data, apply linear scales, render SVG circles with axis labels, and position points within a full-window viewport. The code implements axes, margin-based layout, and color mapping through a switch function, while reading data from a GitHub-hosted CSV file.

MManojsai Bangaru
93% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width for three flower species, which are colored skyblue, lightgreen, and orange. It loads CSV data via `d3.csv`, scales positions with `d3.scaleLinear`, and renders circles as SVG elements. The visualization includes axes generated by `d3.axisLeft` and `d3.axisBottom`, with labels for the plotted dimensions, using D3 v6.

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

Activity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length against petal width, with each circle colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica). The D3 v6 code loads CSV data from a GitHub repository, uses scaleLinear and extent to establish scales, and renders circles as SVG marks with attributes for position and fill. Axis labels appear for both dimensions, and the chart fills the entire window.

Aayeshamanzoor111798@gmail.com
93% match
Loading thumbnail…

Activity6_Task3.1

This visualization displays the Iris dataset as an interactive scatter plot, plotting petal length on the x-axis and petal width on the y-axis. Each point represents an individual iris flower, with color-coding by species: skyblue for setosa, lightgreen for versicolor, and orange for virginica. The visualization is rendered as SVG using React and D3 v6, loading CSV data from GitHub via `d3.csv`. Scales are created with `scaleLinear`, axes with `axisLeft` and `axisBottom`, and marks are drawn as circles with `d3.selectAll` and `.join`.

Vvarun.mahankali39@gmail.com
93% match
Loading thumbnail…

Activity6_Task3

A scatter plot of the Iris dataset displays petal length against petal width, with circles colored by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. The plot also encodes sepal length and width as circle radii (`rx`, `ry`), creating elliptical marks. The visualization loads data via `d3.csv`, scales axes with `scaleLinear` and `extent`, renders SVG circles via `selectAll` and `join`, and adds axes with `axisLeft` and `axisBottom`. Axis labels are rotated text elements. Data is sourced from a GitHub-hosted CSV file.

Hhaneesh@gctc.in
93% match
Loading thumbnail…

Activity_Task_3

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with each point colored by species (skyblue, lightgreen, or orange). The plot displays the relationship between these two variables across the three iris species. Using D3.js v6 with an SVG rendering, the code loads data from a remote CSV file, parses numeric fields, and uses `scaleLinear` and `extent` to map values to screen coordinates. Axes are generated with `axisLeft` and `axisBottom`, while circles are bound to data via `selectAll` and `join`.

Ssahaspragna6@gmail.com
93% match