Skip to main content
SimilarExport ZIP
100%

Activity6_Task3

✓ Published0🌍 Public
DDeekshitha Annreddy
Last edited Oct 24, 2024
Created on Oct 24, 2024

This example renders a scatter plot of the classic Iris dataset, showing petal length against petal width for three species of iris flowers, colored skyblue, lightgreen, and orange. It uses D3 v6’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to map the data, and the `csv` function to load the data from a remote GitHub URL. The visualization is drawn as SVG circles within an HTML page that imports D3 via UNPKG, and the code also demonstrates local ES6 module imports.

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 renders 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). Data is loaded via `d3.csv` from a GitHub raw URL. Using D3 v6 with SVG, the visualization applies `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to position circles with a fixed radius. Axis labels are added via SVG text elements. The code demonstrates importing D3 functions and local ES6 modules, though the main chart logic lives inline in the HTML.

Ggketan456@gmail.com
94% match
Loading thumbnail…

Activity6_Task3

This example presents a scatter plot of the Iris dataset, mapping petal length and petal width on the axes while coloring each point by species (setosa, versicolor, virginica). The visualization uses D3 v6 to load CSV data from a GitHub repository, apply linear scales via `d3.scaleLinear`, and render circles as SVG elements. Axis labels and styling are customized through D3's `axisLeft` and `axisBottom` helpers, with the plot sized to the full browser window.

LLakshmiDeepikaPagadala@my.unt.edu
93% 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
92% 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
92% 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
92% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length against petal width, with each circle colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica). The D3 v6 code loads CSV data from a GitHub repository, uses scaleLinear and extent to establish scales, and renders circles as SVG marks with attributes for position and fill. Axis labels appear for both dimensions, and the chart fills the entire window.

Aayeshamanzoor111798@gmail.com
92% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length to the x-axis and petal width to the y-axis, with each point colored by species (setosa, versicolor, or virginica). The visualization uses D3 v6, loaded via UNPKG, and renders as SVG with circles sized using a fixed radius while also binding raw sepal measurements as non-visual attributes. Data is loaded asynchronously from a GitHub-hosted CSV file using `d3.csv`, with axes created through `axisLeft` and `axisBottom`, and scales defined by `scaleLinear` with domains from `extent`. The code uses ES6 modules for local imports and demonstrates full-window responsive scaling.

Hhemanthmaddila13@gmail.com
92% match
Loading thumbnail…

Activity-8_Task-3.1

This example uses D3 v6 to render a static scatter plot of the Iris dataset. It maps petal length and petal width to the x and y positions of circles, while coloring each point by species (setosa, versicolor, or virginica). The code loads CSV data from a GitHub raw URL, parses numeric fields, and uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the axes. It also includes axis labels rendered as SVG text elements. The visualization is rendered directly to an SVG canvas using data joins with `selectAll` and `join`.

Ttharunramula@gmail.com
92% match