Skip to main content
SimilarExport ZIP
100%

Activity6Task3

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

A scatter plot of the Iris dataset displays petal length and width, with each point colored by species using a manual `switch` statement. The visualization is rendered as an SVG using D3 v6, loading data via `d3.csv`. It uses `d3.select` for DOM selection, `d3.scaleLinear` for axes, and `d3.extent` to compute domain ranges, with `d3.axisLeft` and `d3.axisBottom` for chart labels. Circle radii are set by a fixed constant, while `rx` and `ry` properties are erroneously assigned but not used for ellipse drawing.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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

Activity6_Task3.1

A scatter plot of the Iris dataset displays petal length and width, with each point colored by species (setosa, versicolor, virginica) using a fixed color mapping. The visualization is rendered as SVG via D3 v6, using `scaleLinear` for axes and `axisLeft`/`axisBottom` to draw ticks. Data is loaded as CSV from a GitHub repository, parsed with `csv`, and circles are bound to marks with `selectAll` and `join`. The code also references sepal dimensions in the data but does not use them in the plot.

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

Activity6_task3

A scatter plot displays the Iris dataset, plotting petal length against petal width for three Iris species (setosa, versicolor, and virginica), with each species shown as a distinct colored circle (skyblue, lightgreen, and orange). The visualization uses D3 v6's `select`, `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to load data from a remote CSV, create a linear scale for both axes, and render the SVG chart. Points are drawn with 0.8 opacity, and the axes are labeled in green, with a title in red.

Aadityatrip9899@gmail.com
94% match
Loading thumbnail…

Activity6 task3

This scatter plot visualizes the Iris dataset, mapping petal length and width for each sample while coloring points by species (setosa, versicolor, and virginica) using D3 v6. The SVG rendering uses `scaleLinear` for both axes, `extent` to set domains, and `axisLeft`/`axisBottom` for tick marks. Data is loaded asynchronously from a GitHub CSV via `d3.csv`, with each circle assigned a radius of 5 and a species-specific fill color from a simple switch statement.

Vvishnutejareddyambati@my.unt.edu
94% match
Loading thumbnail…

Activity6-Task3

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis. Each circle is colored by species—setosa (skyblue), versicolor (lightgreen), and virginica (orange)—using a custom switch-based color mapping. The code loads CSV data from a GitHub repository, parses numeric fields, and applies D3’s `scaleLinear` with `extent` to set axis ranges. It renders SVG circles via `selectAll` and `.join`, with axes added using `axisLeft` and `axisBottom`. Axis labels are positioned with `rotate(-90)` for the y-label, and the plot fills the browser window using `window.innerWidth` and `innerHeight`.

Ssowmyaammula.sdv@gmail.com
94% match
Loading thumbnail…

Activity6_Task3

A scatter plot visualizes the Iris dataset, mapping petal length and width for each sample as colored circles. The plot uses D3 v6 to load CSV data, scale linearly with `scaleLinear`, and render SVG circles, distinguishing three species via a switch statement for colors. Axes are created with `axisLeft` and `axisBottom`, and the visualization is displayed full-screen with window dimensions.

Aaravapalliharika2002@gmail.com
94% match
Loading thumbnail…

activity6_task3

This scatter plot displays the Iris dataset, mapping petal length and width on the x and y axes while coloring each point by species (setosa, versicolor, virginica) using custom colors. The visualization uses D3 v6 with SVG rendering, employing `d3.scaleLinear` with `d3.extent` for scales and `d3.axisLeft` and `d3.axisBottom` for labeled axes. Data loads asynchronously from a GitHub-hosted CSV via `d3.csv`, and circles are joined to the SVG using `selectAll` and `data`. The chart fills the viewport with margins and includes rotated axis labels.

Bbhavyamoturi2509@gmail.com
93% match