Skip to main content
SimilarExport ZIP
100%

ACTIVITY6 TASK3

✓ Published0🌍 Public
BBhavana Sharma
Last edited Apr 4, 2024
Created on Apr 3, 2024
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, mapping petal length and width as the x and y coordinates. Each point is colored by species (setosa, versicolor, or virginica) and uses an SVG circle with additional radius attributes derived from sepal measurements. The code loads CSV data via `d3.csv`, scales axes with `d3.scaleLinear`, and renders marks using D3's `select` and `join` operations. Axis labels are added manually, and the chart fills the browser window.

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

This scatter plot visualizes the Iris dataset, displaying petal length against petal width while coloring each point by species (setosa, versicolor, or virginica). The visualization uses D3.js v6 with SVG rendering, employing `scaleLinear` for both axes and `axisLeft`/`axisBottom` for tick marks. Circle elements are positioned using the `x` and `y` scales, with species-based fill colors. The data loads from a remote CSV file via `d3.csv`, and the chart fills the entire browser window with custom margins and rotated axis labels.

Kkbhavithareddy06@gmail.com
96% match
Loading thumbnail…

activity6_task3

This scatter plot displays the Iris dataset, mapping petal length and width on the x and y axes while coloring each point by species (setosa, versicolor, virginica) using custom colors. The visualization uses D3 v6 with SVG rendering, employing `d3.scaleLinear` with `d3.extent` for scales and `d3.axisLeft` and `d3.axisBottom` for labeled axes. Data loads asynchronously from a GitHub-hosted CSV via `d3.csv`, and circles are joined to the SVG using `selectAll` and `data`. The chart fills the viewport with margins and includes rotated axis labels.

Bbhavyamoturi2509@gmail.com
96% match
Loading thumbnail…

Activitity6_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.csv to load data, d3.scaleLinear for both axes, and d3.axisLeft and d3.axisBottom to render ticks. Circles are drawn via SVG selection joins with the fill color determined by a species-based marker function. The chart includes labeled axes for petal length and sepal width, rendered in green text within a full-window SVG.

GGunna,Praneeth Reddy
95% match
Loading thumbnail…

activity 6 task 3

This scatter plot visualizes the Iris dataset, depicting petal length against petal width for individual flowers, with color-coded points for each species (setosa, versicolor, and virginica). The visualization uses D3 v6 with `csv()`, `scaleLinear()`, and `extent()` to load data from a GitHub-hosted CSV and map values to screen coordinates. Points are rendered as SVG circles using `selectAll().join()`, with an `axisLeft()` and `axisBottom()` providing labeled axes. The code also reads sepal measurements but applies them as circle `rx` and `ry` attributes, though these are overridden by a fixed radius value.

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

Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length and sepal length along the x- and y-axes while coloring each point by species (setosa, versicolor, or virginica). The SVG chart uses D3 v6 scaling via `scaleLinear`, `extent` for domains, and `axisLeft`/`axisBottom` for labeled axes. Circle marks are generated with `selectAll` and `join`, and colors are assigned using a switch-based marker function. Data is loaded as CSV from a GitHub repository, with the page sized to the full window.

Ssaimanvith22@gmail.com
95% match
Loading thumbnail…

Activity6 task3

This scatter plot visualizes the Iris dataset, mapping petal length and width for each sample while coloring points by species (setosa, versicolor, and virginica) using D3 v6. The SVG rendering uses `scaleLinear` for both axes, `extent` to set domains, and `axisLeft`/`axisBottom` for tick marks. Data is loaded asynchronously from a GitHub CSV via `d3.csv`, with each circle assigned a radius of 5 and a species-specific fill color from a simple switch statement.

Vvishnutejareddyambati@my.unt.edu
95% 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
95% match