Skip to main content
SimilarExport ZIP
100%

Activity6_Task3

✓ Published0🌍 Public
Hhemanthmaddila13@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Activity6_Task2

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.

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…

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
96% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with points colored by species (setosa, versicolor, and virginica). The visualization uses d3.v6’s `scaleLinear`, `axisLeft`, and `axisBottom` to render axes, while `csv` loads the remote GitHub-hosted data. Circles are appended via data joins, with `cx` and `cy` positions scaled from the parsed numerical values, and fill colors assigned per species. The SVG renders full-window, with axis labels noting petal length and sepal length metrics despite the plot’s primary dimensions.

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

Activity6_Task3.1

A scatter plot of the Iris dataset displays petal length and width, with each point colored by species (setosa, versicolor, virginica) using a fixed color mapping. The visualization is rendered as SVG via D3 v6, using `scaleLinear` for axes and `axisLeft`/`axisBottom` to draw ticks. Data is loaded as CSV from a GitHub repository, parsed with `csv`, and circles are bound to marks with `selectAll` and `join`. The code also references sepal dimensions in the data but does not use them in the plot.

UUday Vandanapu
96% 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, displaying petal length against petal width while coloring each point by species (setosa, versicolor, or virginica) using D3 v6. The code loads CSV data via `d3.csv`, applies linear scales with `d3.scaleLinear`, and renders SVG circles with axes generated by `d3.axisLeft` and `d3.axisBottom`. Data parsing converts numeric fields, and the chart fills the browser window with responsive dimensions. The visualization distinguishes species through custom color mapping and includes labeled axes for petal measurements.

HHari Kiran
96% 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
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