Skip to main content
SimilarExport ZIP
100%

activity_6_task3

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

This example presents a scatter plot of the Iris dataset, visualizing the relationship between petal length on the x-axis and petal width on the y-axis, with circles colored by species (setosa, versicolor, and virginica) using skyblue, lightgreen, and orange. The chart also encodes sepal length and width as circle radii properties on the SVG elements. It loads CSV data from a GitHub repository, parses numeric fields, and uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` to render axes and circles in an SVG canvas sized to the browser window.

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.1

This example shows a scatter plot of the Iris dataset, mapping petal length to the x-axis and petal width to the y-axis. It colors each point by species—setosa in skyblue, versicolor in lightgreen, and virginica in orange—while also encoding sepal length and width as additional shape properties on each circle. The visualization loads data from a CSV via a GitHub gist, uses D3 v6 modules such as `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for scales and axes, and renders circles in an SVG. Axis labels are added for petal and sepal length.

KKondreddy Saikiran reddy
96% match
Loading thumbnail…

activity6task3

This example visualizes the Iris dataset with a scatter plot mapping petal length and width on the axes, coloring each point by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. It loads data from a remote CSV via D3 v6’s `csv` function, parses numeric fields, and renders SVG circles with `scaleLinear` scales for x and y positions. Axes are drawn using `axisLeft` and `axisBottom`, with rotated and positioned text labels for petal length and sepal length, all within a full-window SVG canvas.

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

activity6_task3.1

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with points colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica). It uses D3 v6 to load CSV data via `d3.csv`, scales with `d3.scaleLinear`, and renders SVG circles. Axes are drawn with `d3.axisLeft` and `d3.axisBottom`. The code also maps sepal measurements to circle radii but does not apply them visually, as points use a fixed radius of 5 pixels.

Ssravani1969@gmail.com
95% 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
95% 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
95% match