Skip to main content
SimilarExport ZIP
100%

Task-3activity-6

✓ Published0🌍 Public
Vvaishnavi6gan@gmail.com
Last edited Apr 3, 2024
Created on Apr 3, 2024
Forked from Task-3activity-6

This example visualizes the Iris dataset as a scatter plot, mapping petal length and width on the axes while coloring each point by species (setosa, versicolor, virginica). Although the code attempts to set circular radius and rectangle attributes, only circle elements with a fixed radius are rendered. It loads CSV data via d3.csv, uses d3.scaleLinear and d3.extent for scales, and renders axes with d3.axisLeft and d3.axisBottom, with SVG circles colored via a switch-based marker function.

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 as a scatter plot, mapping petal length and width as its x and y axes while coloring each point by species (setosa, versicolor, virginica). The code loads CSV data from a GitHub gist, parses numeric columns, and uses D3 v6 scales and axes (`scaleLinear`, `extent`, `axisLeft`, `axisBottom`) to position circles in an SVG rendered to the full window. Each circle’s radius is fixed, but its fill color distinguishes species. The visualization includes rotated axis labels for petal length and sepal length, with layout margins and custom tick styling.

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

Activity6_Task3

This example visualizes the Iris dataset as a scatter plot, mapping petal length and width to the x- and y-axes while coloring each point by species (setosa, versicolor, or virginica). The code uses d3.csv to load the data, d3.scaleLinear with d3.extent for scales, and d3.axisLeft and d3.axisBottom to render the axes. Circles are drawn with SVG attributes set via d3 joins, and each point’s fill color is assigned through a switch statement. The visualization reads data from a remote gist URL and renders entirely within an SVG canvas, with axis labels styled in green and a red title displayed above the plot.

HHema Tummapala
94% match
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…

Task3.1 of Activity6

This scatter plot visualizes the Iris dataset, showing petal length against petal width with points colored by species (setosa in skyblue, versicolor in lightgreen, and virginica in orange). The code loads CSV data from a GitHub repository using d3.csv, then applies d3.scaleLinear with d3.extent to map the quantitative fields to SVG coordinates. Circles are rendered via SVG with d3.selectAll and .join, while axes are drawn using d3.axisLeft and d3.axisBottom, with axis labels and a styled title completing the view.

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

Activity6_Task3

This example displays a scatter plot of the Iris dataset, mapping petal length and width on the axes while coloring each point by iris species. The code loads CSV data from a GitHub repository, parses numeric fields, and renders SVG circles using D3 v6 scales and axes. It implements custom color mapping for setosa, versicolor, and virginica species, with axis labels styled separately, demonstrating D3’s `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and data-join pattern.

Mmythripopuri2001@gmail.com
94% match
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
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