Skip to main content
SimilarExport ZIP
100%

Activity06Task3.1

✓ Published2🌍 Public
Bbharatchowdarypotluri@my.unt.edu
Last edited Oct 23, 2024
Created on Oct 23, 2024

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.

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

Kkowshiksamudrala08@gmail.com
97% match
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
96% match
Loading thumbnail…

Activity6-Task3

This scatter plot visualizes the Iris dataset by mapping petal length and petal width for each sample, with points colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica). The visualization uses D3 v6 APIs including `d3.csv`, `scaleLinear`, `axisLeft`, and `axisBottom` to render SVG circles and axes. Additional sepal length and width values are encoded but not directly displayed. The data is loaded from a GitHub gist and rendered across the full browser window with rotated axis labels for petal length.

Ssriyaalugupalli@my.unt.edu
96% match
Loading thumbnail…

Activity-6_Task-3.1

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 visualization uses D3 v6 APIs including `d3.csv` for data loading, `d3.scaleLinear` for the x and y axes, `d3.extent` to compute data domains, and `d3.axisLeft`/`d3.axisBottom` for axis rendering. The SVG is sized to the browser window, with data fetched from a GitHub-hosted CSV file. The code also stores sepal dimensions in each mark, though these are not used in the final rendered circles.

Hhoneyravuri.711@gmail.com
96% 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
96% 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
96% match
Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset, encoding 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.csv to load the data, d3.scaleLinear for both axes, and d3.axisLeft and d3.axisBottom to render the ticks. The SVG circles also carry sepal length and width values in their rx and ry attributes, though these do not affect the visual representation. The chart fills the full browser window with custom margins and labeled axes.

Llokasaivenkatatammineedi@my.unt.edu
96% match
Loading thumbnail…

Activity6_Task3

This interactive scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis. Points are colored by species (setosa, versicolor, virginica) using the D3 v6 library with SVG rendering. The visualization loads CSV data from a GitHub repository using `d3.csv` and scales values with `scaleLinear`. Axes are generated using `axisLeft` and `axisBottom`, while the data values for sepal dimensions are encoded as custom attributes on the circles but are not visually represented on the plot.

Sskykarthik97@gmail.com
96% match