Skip to main content
SimilarExport ZIP
100%

Activity6_Task3

✓ Published0🌍 Public
Kkowshiksamudrala08@gmail.com
Last edited Apr 13, 2024
Created on Apr 13, 2024
Forked from Hello VizHub

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 (skyblue for setosa, lightgreen for versicolor, orange for virginica). The visualization uses D3 v6 with `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to load data from a GitHub-hosted CSV and render SVG circles. Axis labels for petal length and sepal length are added with lower-case text, using a green font.

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

This scatter plot visualizes the Iris dataset, mapping petal length and petal width on the x- and y-axes while coloring each point by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. It also encodes sepal length and width as additional properties per circle. Built with D3 v6, the code uses `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and SVG circle elements. Data is loaded from a remote GitHub CSV, with axes and labels rendered into a full-window SVG.

Nnikhilthoutu24@gmail.com
97% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis, petal width on the y-axis, and sepal dimensions encoded through circle attributes. Each point is colored by species—skyblue for setosa, lightgreen for versicolor, and orange for virginica. The visualization loads data from a GitHub gist using D3 v6’s `csv` method, with scales from `scaleLinear`, axes from `axisLeft` and `axisBottom`, and marks rendered as SVG circles.

Vvikramkotlo9@gmail.com
97% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, plotting petal length against petal width, with each point colored by species (setosa, versicolor, or virginica) using D3 v6. The visualization loads CSV data from a GitHub repository, employing `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render axis scales. Circles are drawn via SVG selections, with fill colors determined by a switch statement on species, and the code also assigns `rx` and `ry` values from sepal measurements. The chart fills the browser window, with styled axis labels for petal and sepal lengths.

Ggroup118sai@gmail.com
97% match
Loading thumbnail…

Activity6_Task3

This interactive scatter plot visualizes the Iris dataset, displaying petal length against petal width with points colored by species (setosa in skyblue, versicolor in lightgreen, and virginica in orange). The visualization loads CSV data from a GitHub gist using d3.csv, then renders circles using d3.scaleLinear axes and d3.axisLeft/axisBottom. Each circle's radius is fixed, though the code also stores sepal measurements as rx/ry attributes, and the SVG output is generated with D3 v6, filling the browser window.

Vvamsikrishnakanchukommala@my.unt.edu
97% match
Loading thumbnail…

Activity6_Task3_3.1

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis. Each circle represents a data point, colored by species (setosa in skyblue, versicolor in lightgreen, and virginica in orange), with circle dimensions reflecting sepal length and width via their rx and ry attributes. The visualization uses d3.csv to load data from a GitHub repository, d3.scaleLinear for axis scaling, and d3.axisLeft and d3.axisBottom for axes. Rendering is done as an SVG with d3.v6, applying margins and custom font styles for axis labels.

PPothuguntla Pranitha
97% match
Loading thumbnail…

Activty6_Task3_1

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with each species (setosa, versicolor, virginica) represented by a distinct color (skyblue, lightgreen, orange). The visualization uses D3 v6’s `csv` loader to fetch data from a GitHub raw URL, `scaleLinear` for both axes, and `axisLeft`/`axisBottom` to render ticks. SVG circles are positioned via `selectAll` and `join`, with styling based on parsed numeric columns for sepal and petal measurements. The code also includes custom axis labels for petal length and sepal length.

Ssriharshithaanugu5@gmail.com
97% match
Loading thumbnail…

Activity8_Task3

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width. Each point is colored by species (skyblue for setosa, lightgreen for versicolor, pink for virginica) using the `d3.scaleLinear` and `d3.axisBottom`/`d3.axisLeft` APIs within the D3 v6 framework. It loads CSV data via `d3.csv`, parses numeric values, and renders circles in an SVG. Axis labels display petal length and sepal length, though the plotted coordinates use petal dimensions.

LLakshmi Keerthi
97% match
Loading thumbnail…

Activity06Task3.1

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis, with each point colored by species (skyblue for setosa, lightgreen for versicolor, and orange for virginica). The visualization uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map data coordinates and render SVG circles with a fixed radius. Data is loaded asynchronously from a CSV file hosted on GitHub via `d3.csv`, with additional sepal measurements parsed but not directly plotted. The chart fills the browser window and includes rotated axis labels for clarity.

Bbharatchowdarypotluri@my.unt.edu
97% match