Skip to main content
SimilarExport ZIP
100%

Activity6_Task3.2

✓ Published0🌍 Public
KKondreddy Saikiran reddy
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Activity6_Task3.1

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.

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…

Activity3_Task3.1

This visualization displays the classic Iris dataset using a scatter plot, with petal length and petal width mapped to the x and y axes. The plot uses colored circles to distinguish the three iris species: setosa in sky blue, versicolor in light green, and virginica in orange. Built with D3 version 6.7.0, the chart renders as an SVG and loads data from a CSV file via the `d3.csv` function. The code utilizes `d3.scaleLinear` for axis scaling, `d3.axisBottom` and `d3.axisLeft` for axis generation, and includes custom styling for the title and tick labels.

Nnikhithadadi@my.unt.edu
95% 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
95% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the classic Iris dataset, mapping petal length and width for each sample point. The visualization encodes the three Iris species—setosa, versicolor, and virginica—using distinct colors (skyblue, lightgreen, and orange), with each circle’s radius fixed at 5 pixels. Built with D3 v6, it loads the dataset via `d3.csv`, scales both axes with `d3.scaleLinear`, and renders axes using `d3.axisLeft` and `d3.axisBottom`. The SVG output displays labeled axes for petal length and width, with data points positioned using the `selectAll` and `join` pattern.

Llingaladineshteja23@gmail.com
94% match
Loading thumbnail…

Activity6_Task3

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.

Gganeshseeram5decem@gmail.com
94% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the iris dataset, showing petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, or virginica). The visualization uses D3.js v6, loading data from a GitHub CSV file via `d3.csv`. It employs `d3.scaleLinear` for both axes, `d3.extent` for domain calculation, and `d3.axisLeft` and `d3.axisBottom` for chart axes. The SVG circles have a fixed radius but their `rx` and `ry` attributes are set to sepal measurements, though these do not affect circular rendering.

KKondreddy Saikiran reddy
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…

Activity6_Task3

This example visualizes the classic Iris dataset as a scatter plot, mapping petal length and petal width onto the x- and y-axes while coloring each point by species (setosa, versicolor, virginica) using distinct fill colors. The visualization is built with D3 version 6, specifically leveraging modules such as `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and the `csv` loader to fetch and parse the dataset from a remote gist. Data points are rendered as SVG circles, with the axes and labels styled via D3’s low-level selection and appending methods. The chart dynamically sizes to the browser window using `window.innerWidth` and `window.innerHeight`.

LLakshanya Sirigiri
94% match
Loading thumbnail…

Activity6_task3

This scatter plot visualizes the Iris dataset, showing petal length against petal width, with each circle colored by species (setosa, versicolor, or virginica). The SVG visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`, loading data from a GitHub-hosted CSV file. Scales map the data domain to pixel ranges, while circles are joined via `selectAll` and `join`. Axis labels and colored points are rendered in a full-window responsive layout.

Ssaibharath7thota@gmail.com
94% match