Skip to main content
SimilarExport ZIP
100%

Activity6_task3.1

✓ Published1🌍 Public
11810vineeth@gmail.com
Last edited Oct 23, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

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 also encodes sepal length and width in each circle’s rx and ry attributes, making the marks elliptical. Built with D3 v6, the code loads CSV data from a GitHub URL, uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` from the D3 API, and renders SVG circles with a custom marker function for color. The visualization fills the browser window’s full width and height.

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, 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 encodes sepal length and width as the rx and ry attributes of each circle, creating elliptical markers whose dimensions vary with the data. Built with D3 v6, the code uses `d3.csv` to load data from a GitHub URL, `scaleLinear` and `extent` for scaling, and `axisLeft`/`axisBottom` for axes. Data is parsed from CSV columns into numeric values before rendering as SVG circles.

Sshivasaiamaravadi@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, mapping petal length and width for individual flowers while coloring points by species (setosa, versicolor, virginica) using an SVG circle per data row. D3 v6 loads CSV data via `d3.csv` from a GitHub raw URL, then applies `scaleLinear` and `extent` to position marks, with `axisLeft` and `axisBottom` generating labeled axes. The code also binds sepal measurements to circle radius attributes via `rx` and `ry`, though visual scaling is not applied.

KKhushi Desai
96% match
Loading thumbnail…

Activity6_task3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width for each flower specimen. The D3 v6 code loads CSV data from a GitHub gist and uses scaleLinear, axisLeft, and axisBottom to construct the chart. Circles are colored by species—setosa, versicolor, and virginica—using a custom marker function, with radius fixed at five pixels. The SVG rendering includes rotated axis labels for petal length and sepal length, though the sepal label is mislabeled in the code.

Ssravani1969@gmail.com
96% match
Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset by mapping petal length and petal width, with points colored by species (setosa, versicolor, virginica). Using D3 v6, the code loads CSV data with the `csv` function, creates axes with `axisLeft` and `axisBottom`, and applies `scaleLinear` for positioning. Circles are rendered via SVG selections, with an unusual use of `rx` and `ry` attributes based on sepal dimensions. The raw data comes from a GitHub-hosted CSV file.

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

Activity6_Task3

This scatter plot displays the Iris dataset, using petal length and petal width to position each flower, with colors distinguishing the three species (setosa, versicolor, and virginica). Additional sepal measurements are encoded as circle radii, though the visual range of this encoding is limited. The visualization is built with D3 v6, loading CSV data from a remote URL, and rendering SVG circles scaled via `scaleLinear` with axes generated by `axisLeft` and `axisBottom`. The code explicitly assigns circle attributes for position, fill color, and radius, and labels the axes for petal and sepal dimensions.

Aamarnadhkari98@gmail.com
96% match