Skip to main content
SimilarExport ZIP
100%

Activity6-Task3.1

✓ Published0🌍 Public
SSahithi.R
Last edited Oct 25, 2024
Created on Oct 25, 2024
Forked from Hello VizHub

This example displays a scatter plot of the Iris dataset, mapping petal length and width as the primary x and y coordinates while encoding species with distinct colors (skyblue, lightgreen, orange). It also overrides circle radii with sepal length and width values via `rx` and `ry`, creating elliptical points. The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and SVG circle joins. Data is loaded from a remote CSV URL, and the chart is rendered to an SVG canvas with custom axis labels.

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 example visualizes the Iris dataset with a scatter plot comparing petal length on the x-axis against petal width on the y-axis, coloring each point by species (setosa, versicolor, virginica) via a switch function. The chart also encodes sepal length and width as the rx and ry attributes of each circle, creating elliptical markers. It loads CSV data using d3.csv, applies linear scales with d3.scaleLinear, and renders axes with d3.axisLeft and d3.axisBottom. The SVG output also includes rotated axis labels for clarity.

Ppslharika@gmail.com
94% match
Loading thumbnail…

activity6_task3

This example displays a scatter plot of the Iris dataset, using petal length and sepal length as the x and y axes while encoding species identity through circle color. The visualization is rendered as an SVG using D3 v6, leveraging the `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` APIs from the library. Data is loaded from a remote CSV file, and axis labels are added as static text elements. The circles’ `rx` and `ry` attributes are set to the sepal width and petal width values, though the radius is fixed at 5 pixels.

Ssanjanaadapa7@gmail.com
94% match
Loading thumbnail…

Activity-6-Task-3

This scatter plot visualizes the Iris dataset, mapping petal length and petal width on the x- and y-axes while coloring points by species (setosa, versicolor, and virginica) using skyblue, lightgreen, and orange. It also encodes sepal length and width into the circle attributes `rx` and `ry`, creating elliptical markers. Built with D3 v6, the code loads CSV data via `d3.csv`, uses `scaleLinear` and `extent` for scales, and renders SVG circles with `selectAll` and `join`. Axis labels are added via `axisLeft` and `axisBottom`.

Kkotasc18@gmail.com
94% match
Loading thumbnail…

Activity6_Task3

This example presents a scatter plot of the Iris dataset, visualizing petal length and width for different species. The plot uses colored circles (skyblue, lightgreen, orange) to distinguish between setosa, versicolor, and virginica flowers, with each point’s size reflecting sepal dimensions via the `rx` and `ry` attributes. Built with D3 v6, it loads CSV data from a GitHub repository, uses `scaleLinear` and `extent` for axis scaling, and renders axes with `axisLeft` and `axisBottom`. The SVG output includes labeled axes and a centered title.

Aasimcyb@gmail.com
94% match
Loading thumbnail…

Activity 6 Task-3.1

This example displays a scatter plot of 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. The visualization is rendered as an SVG via D3 v6, loaded from UNPKG, using `d3.csv` to fetch the data, `d3.scaleLinear` for axes, and `d3.axisLeft` and `d3.axisBottom` for tick marks. The code also includes redundant `rx`/`ry` attributes on the circles, though the radius is fixed at 5 pixels.

Kkesava
94% match
Loading thumbnail…

Activity6_task3.1

This example visualizes the Iris dataset as a scatter plot, using petal length on the x-axis and petal width on the y-axis. It encodes species membership through circle colors (skyblue, lightgreen, orange) while also binding sepal length and width as additional attributes (`rx`, `ry`) on each circle. The visualization loads CSV data from a GitHub gist, parses numeric fields, and uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `selectAll().data().join()` to render SVG circles. Axis labels are added via `svg.append('text')`, with the plot sized to the browser window dimensions.

Nnandasaipalankius@gmail.com
94% match
Loading thumbnail…

Activity6_task3

This visualization displays a scatter plot of the Iris dataset, plotting petal length against petal width, with points colored by species (setosa, versicolor, or virginica). The chart uses D3 v6’s `scaleLinear`, `axisLeft`, and `axisBottom` to render axes, while SVG circles are sized by sepal length and width via the `rx` and `ry` attributes, creating an ellipse-like marker. Data is loaded asynchronously from a remote CSV using `d3.csv`, and the plot fills the browser window with margins configured for axis labels.

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

Activity6_Task3

This example displays a scatter plot of the Iris dataset, mapping petal length and width as the primary axes while encoding sepal length and width into the size and shape of the circular markers. Each of the three iris species is distinguished by a unique fill color: sky blue, light green, and orange. The visualization uses D3 version 6, loaded via a CDN, and leverages the `d3.csv` loader to fetch the data from a GitHub repository. It builds the plot using `d3.select` to create an SVG, with scales from `d3.scaleLinear`, axes from `d3.axisLeft` and `d3.axisBottom`, and computes data extents via `d3.extent`. The code sets the circle radii, along with `rx` and `ry` attributes, to reflect the additional sepal dimensions, while axis labels are added as text elements.

JJayanth Reddy Sripathi
94% match