Skip to main content
SimilarExport ZIP
100%

Activity6_task3_Poorna

✓ Published0🌍 Public
Ppoornachander510@gmail.com
Last edited Oct 25, 2024
Created on Oct 25, 2024
Forked from Activity6_task3

This interactive scatter plot visualizes the Iris dataset, plotting petal length against petal width for each sample, with points colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica). Built with D3 v6, it loads data from a remote CSV file, scales x and y coordinates using `d3.scaleLinear`, and draws circles via the SVG `join` API. The code also attempts to set `rx` and `ry` attributes, though this has no visual effect on circles.

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

Activity6_task3

This scatter plot visualizes the Iris dataset, using petal length and width for the x and y axes. It colors each point by species—setosa, versicolor, and virginica—with distinct colors and also maps sepal length and width to the circle’s rx and ry attributes, though the effect is subtle. Built with D3 v6 via UNPKG, the code loads data from a raw GitHub CSV, uses `select`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render axes and circles in an SVG, with custom styling for the title and tick labels.

Kkandulasunny17@gmail.com
90% match
Loading thumbnail…

Activity6_task-3

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width, with data points colored by species (setosa, versicolor, and virginica). The visualization also incorporates sepal length and width values into each point’s bounding box via the rx and ry attributes. Built with D3 v6, the code loads CSV data using d3.csv, scales axes with d3.scaleLinear, and renders circles and axis labels as SVG elements. The interactive full-window layout uses d3.axisBottom and d3.axisLeft for coordinate reference, with species-based coloring applied through a custom marker function.

Aamulyareddykondru01@gmail.com
90% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length and width on the axes while coloring each point by species (setosa, versicolor, or virginica). It uses D3 v6 with scaleLinear for scales, extent for domains, and axisLeft/axisBottom for ticks. The SVG is sized to the full window, and circles are joined via selectAll and data. The plot also misapplies rx/ry attributes to circles, which have no visual effect. Data loads from a GitHub-hosted CSV via d3.csv.

Ssaishruthik2361@gmail.com
90% match
Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset, displaying petal length and width for individual flowers. The circles are color-coded by species: skyblue for setosa, lightgreen for versicolor, and orange for virginica. Using D3 v6, the example loads data from a remote CSV via `d3.csv`, parses the numeric columns, and maps them to SVG circles using `d3.scaleLinear` for the x and y axes. It also incorporates sepal dimensions into the `rx` and `ry` attributes, making each point an ellipse. The chart renders axis labels with `d3.axisLeft` and `d3.axisBottom`, and uses D3's `select` and `join` APIs for efficient SVG element creation.

MMounishAllam@my.unt.edu
90% 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 circles colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica). Built with D3 v6, the code loads CSV data via `d3.csv`, uses `scaleLinear` and `extent` for scaling, and renders circles with SVG attributes. Axes are added via `axisLeft` and `axisBottom`, and the plot fills the browser window.

SSai Sandhya Nannapaneni
90% 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
90% match
Loading thumbnail…

Activity-6-Task-3

This scatter plot visualizes the Iris dataset, mapping petal length and petal width on the x- and y-axes while coloring points by species (setosa, versicolor, and virginica) using skyblue, lightgreen, and orange. It also encodes sepal length and width into the circle attributes `rx` and `ry`, creating elliptical markers. Built with D3 v6, the code loads CSV data via `d3.csv`, uses `scaleLinear` and `extent` for scales, and renders SVG circles with `selectAll` and `join`. Axis labels are added via `axisLeft` and `axisBottom`.

Kkotasc18@gmail.com
90% match