Skip to main content
SimilarExport ZIP
100%

Activity_6_Task_3_1

✓ Published1🌍 Public
LLarry Johnson
Last edited Oct 24, 2024
Created on Oct 24, 2024

A scatter plot displays the Iris dataset, encoding petal length and petal width along the x and y axes while coloring each point by species (setosa, versicolor, virginica). The chart includes labeled axes, a green axis title, and a red heading. Built with D3 v6, the visualization loads CSV data via `d3.csv`, scales positions using `d3.scaleLinear` and `d3.extent`, and renders circles as SVG elements with `d3.selectAll` and data joins. Axes are drawn using `d3.axisLeft` and `d3.axisBottom`, with the plot sized to the 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…

Activity 6_Task 3

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width, with each point colored by species (setosa, versicolor, or virginica) using orange, skyblue, and lightgreen markers. It loads data from a CSV file via D3's `csv` function, then renders circles on an SVG canvas using `scaleLinear` and `extent` to set scales. Axes are generated with `axisLeft` and `axisBottom`, labeled with custom text elements. The visualization demonstrates D3 v6 imported via UNPKG and uses local variable destructuring for modular code.

Ppenujulilikhil01020@gmail.com
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
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. Each point is colored by species—skyblue for setosa, lightgreen for versicolor, and orange for virginica—revealing distinct clusters. Using D3 v6, the code loads CSV data, applies linear scales via `scaleLinear`, and renders SVG circles with `selectAll` and `join`. The chart includes left and bottom axes from `axisLeft` and `axisBottom`, with rotated axis labels for petal dimensions.

Cchandrikachowdary867@gmail.com
95% 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…

Activity6_Task3

This scatter plot visualizes the classic Iris dataset, mapping petal length and width for each sample point. The visualization encodes the three Iris species—setosa, versicolor, and virginica—using distinct colors (skyblue, lightgreen, and orange), with each circle’s radius fixed at 5 pixels. Built with D3 v6, it loads the dataset via `d3.csv`, scales both axes with `d3.scaleLinear`, and renders axes using `d3.axisLeft` and `d3.axisBottom`. The SVG output displays labeled axes for petal length and width, with data points positioned using the `selectAll` and `join` pattern.

Llingaladineshteja23@gmail.com
95% match
Loading thumbnail…

Activity6_Task3

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.

Gguttavenkata745@gmail.com
95% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, encoding petal length and petal width for individual flowers while coloring each point by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. The visualization is built with D3 v6, loading CSV data via `d3.csv`, mapping values with `scaleLinear`, and rendering SVG circles. Axis labels are styled with green text, and the plot fills the entire browser window by using `window.innerWidth` and `window.innerHeight`. The chart displays four measurements per flower but plots only two dimensions at a time.

SSowjanya Devupalli
95% match
Loading thumbnail…

Activity_6_Task_3

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x and y axes, with points colored by species (setosa, versicolor, virginica). It uses D3 v6's `scaleLinear`, `extent`, `csv`, and `axisLeft`/`axisBottom` APIs to load data from a GitHub-hosted CSV, compute scales, and render an SVG with circular markers whose fill colors are assigned via a switch statement based on the species field.

AAbrarb702@gmail.com
95% match