Skip to main content
SimilarExport ZIP
100%

Activity6_Task3

✓ Published2🌍 Public
Gguttavenkata745@gmail.com
Last edited Oct 18, 2024
Created on Oct 18, 2024
Forked from Hello VizHub

This interactive scatter plot visualizes the Iris dataset, showing petal length against petal width while color-coding points by species (setosa, versicolor, and virginica). The visualization uses D3 v6’s `scaleLinear`, `axisLeft`, and `axisBottom` functions to render axes, with data loaded via `d3.csv` from a GitHub-hosted CSV file. Each circle’s position corresponds to petal dimensions, while its fill color maps to species through a custom marker function. The SVG output also includes rotated axis labels and a red-styled title, with data parsed from the CSV’s numeric columns.

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

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

Activity6_Task3.1

This scatter plot visualizes the Iris dataset, mapping petal length and petal width as x and y coordinates while coloring each point by species (setosa, versicolor, or virginica). It loads CSV data from a GitHub URL and renders circles with D3 v6, using `d3.csv`, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` to construct axes. The SVG-based visualization labels both axes and includes a fixed point radius, with species-specific colors applied via a switch statement.

Vvemulasai306@gmail.com
96% match
Loading thumbnail…

Activity6_Task3

This interactive scatter plot visualizes the Iris dataset, mapping petal length and width for each sample and coloring the data points by species (setosa, versicolor, virginica). It uses D3 version 6's `csv` loader to fetch the data from a GitHub raw URL, then employs `scaleLinear` for scaling, and the `axisLeft` and `axisBottom` APIs to render the axes. The visualization is drawn as SVG circles onto the full browser window, with a red title and green axis labels.

Kkondaveeti.bhargavi7780@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, 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, mapping petal length on the x-axis and petal width on the y-axis, while coloring each circle by species (setosa, versicolor, and virginica). The chart displays all 150 data points using SVG circles, with species-specific colors applied via a switch function. Built with D3 v6, the visualization uses `d3.csv` to load data from a GitHub-hosted CSV, `scaleLinear` for axes, and `axisLeft`/`axisBottom` for tick marks. Axis labels are styled with green text for petal length and sepal length.

Ddineshreddy.ravula@gmail.com
96% match
Loading thumbnail…

Activity6_task3

This scatter plot visualizes the Iris dataset, showing petal length against petal width, with each circle colored by species (setosa, versicolor, or virginica). The SVG visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`, loading data from a GitHub-hosted CSV file. Scales map the data domain to pixel ranges, while circles are joined via `selectAll` and `join`. Axis labels and colored points are rendered in a full-window responsive layout.

Ssaibharath7thota@gmail.com
96% match