Skip to main content
SimilarExport ZIP
100%

Activity6_Task3

✓ Published1🌍 Public
Gganeshseeram5decem@gmail.com
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from Hello VizHub

This example displays the classic Iris dataset as an SVG scatter plot, using D3 version 6 to map petal length and width along the axes while coloring circles by species. It loads data from a remote CSV file and uses `d3.csv` for parsing, `d3.scaleLinear` for scales, and `d3.axisLeft`/`axisBottom` for ticks. Each circle’s fill is determined by a switch function, and sepal measurements are set as `rx` and `ry` attributes, though the radius remains constant. The visualization fills the viewport and applies custom axis labels and styling.

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 shows the classic Iris dataset as a scatter plot, displaying petal length on the x-axis, petal width on the y-axis, and using color-coded circles to distinguish the three species. The plot is rendered as an SVG using D3 v6, with the data loaded from a GitHub-hosted CSV file. The code uses `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to build the visualization. Circle radii are fixed, while circle attributes for width and height are set from the dataset. Axis labels are manually placed with text elements, and species-specific colors are assigned via a switch statement.

Nnsairitwikreddy@gmail.com
95% match
Loading thumbnail…

Activity6_Task3

This example displays the Iris dataset as an SVG scatter plot, coloring each point by species (skyblue, lightgreen, or orange) and mapping petal length and petal width to the x- and y-axes. It uses d3.csv to load the data, d3.scaleLinear and d3.extent for scales, and d3.axisLeft/axisBottom for labeled axes. The code appends circles via d3.selectAll().data().join(), setting separate radii and positions, though the mark also stores sepal dimensions without plotting them. The visualization fills the browser window, with green axis labels for petal length and sepal length.

Sshettisowmya01@gmail.com
95% match
Loading thumbnail…

Activity6_Task3.2

This visualization renders the classic Iris dataset as a scatter plot, using D3 v6 to map petal length and petal width on the x- and y-axes. Each circle’s fill color encodes the iris species (setosa, versicolor, or virginica) via a switch statement, while the circle’s rx and ry attributes are set but not visually distinct since the radius is fixed. The code loads CSV data from a GitHub gist, applies linear scales with `d3.scaleLinear` and `d3.extent`, and draws axes with `d3.axisLeft` and `d3.axisBottom`, all rendered as SVG elements in the browser window.

KKondreddy Saikiran reddy
94% match
Loading thumbnail…

Activity6_Task3

This example renders a scatter plot of the Iris dataset, showing petal length against petal width with color-coded markers for each species (setosa, versicolor, and virginica). It loads CSV data via `d3.csv` and uses `d3.scaleLinear`, `d3.extent`, and axis generators `d3.axisLeft` and `d3.axisBottom` to build the SVG visualization. Circle positions are mapped from the numeric fields, with radial dimensions also set from sepal measurements, though the plot only displays fixed-radius points. The code demonstrates dynamic data parsing and SVG rendering directly in the browser.

YYeruva Snehith Reddy
94% match
Loading thumbnail…

Activity 6_task 3

This example displays the Iris dataset as a scatter plot in an SVG rendered with D3.js. It plots petal length on the x-axis and petal width on the y-axis, while encoding species types—setosa, versicolor, and virginica—through distinct fill colors (skyblue, lightgreen, and orange). The code uses `d3.csv` to load the remote dataset, `d3.scaleLinear` for both axes, and `d3.axisBottom` and `d3.axisLeft` for the tick marks. Circle positions are computed via `scaleLinear` ranges derived from the data extent, and the circles are appended dynamically using `.join('circle')`. No interactive behavior is shown.

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

Activity6_Task3

This example displays a scatter plot of the Iris dataset, visualizing petal length and width relationships while encoding species type through color-coded circular markers. It loads data from a GitHub-hosted CSV and renders SVG circles using D3 v6's scaleLinear, axisLeft, and axisBottom APIs. Each circle’s fill color maps to the iris species (setosa, versicolor, or virginica), with axes labeled for petal and sepal measurements. The visualization occupies the full browser window and includes styled axis text and a red title.

GGangumalla Ruchitha Reddy
94% match
Loading thumbnail…

Activity 6_Task 3

This visualization displays the classic Iris dataset as a scatter plot, mapping petal length and sepal length along the x and y axes while encoding species type through point color (sky blue for setosa, light green for versicolor, and orange for virginica). Built with D3 v6, the example uses `csv` to load the data, `scaleLinear` and `extent` for axes, `axisLeft` and `axisBottom` for tick marks, and SVG circles to render the points. Circles also encode sepal length and width as additional attributes, though these do not alter visual appearance.

HHarshita Vairagade
93% match