Skip to main content
SimilarExport ZIP
100%

Activity-6 Task-3.1

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

This example visualizes the Iris dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis. Each flower species is color-coded, with setosa, versicolor, and virginica markers distinguished by hue. The visualization uses D3 v6 APIs such as `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data from a remote CSV, compute scales, and render SVG circles. It also attempts to set `rx` and `ry` attributes, although these have no effect on circles.

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 visualizes the Iris dataset as a scatter plot, mapping petal length and width to x and y positions while coloring each point by species (setosa, versicolor, or virginica) using predefined color markers. The visualization uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct scales and axes, with data loaded via `d3.csv` from a GitHub gist. Circles are rendered as SVG elements with their radii fixed and additional sepal dimensions stored as unused attributes, while axis labels are positioned using SVG text elements.

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

Activity6_Task3

This visualization displays the Iris dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis. Each flower species is distinguished by color: setosa appears skyblue, versicolor lightgreen, and virginica orange. The circles also encode sepal length and width through elliptical scaling via the rx and ry attributes. Built with D3 v6, it uses `d3.csv` to load data, `scaleLinear` for axes, and `axisLeft`/`axisBottom` for rendering, with SVG circles and custom axis labels.

GGOPI MUPPURI
94% match
Loading thumbnail…

Activity6_task3

This visualization displays a scatter plot of the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis. Data points are colored by species (setosa, versicolor, and virginica) using a predefined color scale. The example uses D3 v6 via UNPKG, loading CSV data asynchronously with `d3.csv`, and rendering circles with an SVG-based approach. Axes are generated through `d3.axisLeft` and `d3.axisBottom`, with linear scales (`d3.scaleLinear`) for positioning and `d3.extent` for domain calculation, resulting in a clean, labeled chart.

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

Activity-6 task-3

This example displays a scatter plot of the Iris dataset, positioning points by petal length on the x-axis and petal width on the y-axis. Circles are colored by species (skyblue for Setosa, lightgreen for Versicolor, orange for Virginica), with a legend below. The visualization uses d3.csv to load the data, d3.scaleLinear with d3.extent for scales, and d3.axisLeft and d3.axisBottom for axes. Rendering occurs through SVG elements appended to the body, with the plot sized to the full browser window.

Bbhargavireddy4016@gmail.com
94% match
Loading thumbnail…

Activity6_Task 3.1

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width, with each point colored by species (setosa, versicolor, or virginica) using a custom marker function. The visualization, rendered as an SVG using D3 v6, loads data from a remote CSV file via `d3.csv`, scales axes with `scaleLinear` and `extent`, and draws circles with attributes mapped from sepal measurements. Axis labels are added via `axisLeft` and `axisBottom`, and text elements are rotated to label the y-axis.

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

Activity6_Task3.2

This example visualizes the Iris dataset as a scatter plot, displaying petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, or virginica). The plot uses D3 v6 to load CSV data, apply linear scales, and render SVG circles. Axes are generated with `axisLeft` and `axisBottom`, and axis labels are added via SVG text elements. The code also demonstrates direct access to the D3 API through destructured imports and includes margins and responsive sizing based on window dimensions.

Kkartheekgrpt@gmail.com
93% match
Loading thumbnail…

Activity 6 Task 3.1

This scatter plot visualizes the Iris dataset, showing petal length versus petal width for three flower species, colored skyblue, lightgreen, and orange. It renders circles as SVG elements using D3 v6, importing functions like `scaleLinear`, `extent`, and `axisLeft` from the d3 module. Data loads from a remote CSV URL via `d3.csv` and maps to x and y coordinates with linear scales, while axis labels display the measured attributes.

RRukmini Devi Y
93% 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
93% match