Skip to main content
SimilarExport ZIP
100%

Activity6_Task3

✓ Published0🌍 Public
GGangumalla Ruchitha Reddy
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Hello VizHub

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.

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 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
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.1

This example visualizes the Iris dataset as a scatter plot, displaying petal length and petal width on the axes while coloring each point by species (setosa, versicolor, or virginica). It also encodes sepal length and width as the x- and y-radii of the circular markers. The visualization loads CSV data from a GitHub gist, uses D3 v6 modules including `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select`, and renders all marks as SVG circles. Axis labels are green, and the plot resizes to the full browser window.

Rrakesh.kavuru@outlook.com
95% 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
95% match
Loading thumbnail…

Activity-6_Task-3_Part-1

This scatter plot visualizes the Iris dataset, showing petal length and width relationships with points colored by species (setosa, versicolor, and virginica). It loads data from a GitHub-hosted CSV file and renders SVG circles using D3 v6, employing `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for scales and axes. The visualization includes green axis labels and a full-window responsive layout, with circle positions mapped from petal measurements and colors assigned via a custom marker function.

VVasanth Krishna
95% match
Loading thumbnail…

Activity6_Task3

This example builds a scatter plot from the Iris dataset, displaying petal length against petal width while coloring each point by species (setosa, versicolor, or virginica). The visualization uses d3.csv to load data from a GitHub-hosted CSV file and renders circles as SVG elements with d3.scaleLinear for both axes, d3.axisLeft, and d3.axisBottom for tick marks. Circle fill colors are assigned via a JavaScript switch statement, with additional attributes like sepal dimensions mapped to circle properties, though these do not affect the visual size or shape.

PPradhyumna Poralla
95% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length and width for each specimen and coloring points by species (setosa, versicolor, or virginica). It loads the data from a remote CSV file and renders an SVG chart using D3 version 6. The example uses D3’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to construct the axes, while a custom marker function assigns categorical colors. The plot is responsive, filling the browser window and including rotated axis labels.

Ggalijawaharnath@gmail.com
95% match
Loading thumbnail…

Activity6_Task3.1

This example shows a scatter plot of the Iris dataset, mapping petal length to the x-axis and petal width to the y-axis. It colors each point by species—setosa in skyblue, versicolor in lightgreen, and virginica in orange—while also encoding sepal length and width as additional shape properties on each circle. The visualization loads data from a CSV via a GitHub gist, uses D3 v6 modules such as `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for scales and axes, and renders circles in an SVG. Axis labels are added for petal and sepal length.

KKondreddy Saikiran reddy
94% match