Skip to main content
SimilarExport ZIP
100%

Ass8_task3.1

✓ Published0🌍 Public
AAbdul Kareem
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

A scatter plot visualizes the Iris dataset, mapping petal length and width to the x- and y-axes while coloring each circle by species (setosa, versicolor, or virginica). The chart loads CSV data from a GitHub repository using `d3.csv`, and applies `d3.scaleLinear` with `d3.extent` to set domains. Circles are rendered as SVG elements with `d3.selectAll` and `.join`, while `d3.axisLeft` and `d3.axisBottom` provide labeled axes with custom green text. The viewport fills the browser window using `window.innerWidth` and `window.innerHeight`.

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…

Activity8_Task3

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width, with data points colored by species (setosa, versicolor, virginica). It loads CSV data from a GitHub repository using D3 v6’s `csv` function, then employs `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map coordinates and render axes. The SVG circles are positioned via `cx` and `cy`, with colors assigned through a switch statement. The chart fills the browser window using `window.innerWidth` and `window.innerHeight`, with axis labels displayed in green.

Zzoe.romo@att.net
94% 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
93% 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
93% match
Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width for each flower sample. Circles are colored by species—sky blue for setosa, light green for versicolor, and orange for virginica—revealing distinct clusters. The example loads data from a remote CSV file using the `d3.csv` function, then renders the chart as an SVG. It uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to create the scales and axes, with the `select` and `join` pattern to bind data to circle elements.

Ssindhuja27b@gmail.com
93% match
Loading thumbnail…

Activity8_Task3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes while coloring each point by species (setosa, versicolor, virginica) using distinct colors. The D3.js v6 code loads CSV data via `d3.csv`, scales the variables with `d3.scaleLinear`, and renders SVG circles with axes generated by `d3.axisLeft` and `d3.axisBottom`. Axis labels are added as rotated text elements, and the chart fills the browser window using `window.innerWidth` and `window.innerHeight`.

Vvishnupriyapalagiri@gmail.com
93% 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
93% 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
93% 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
92% match