Skip to main content
SimilarExport ZIP
100%

Activity6_Task3

✓ Published0🌍 Public
Vvarshithainaganti@gmail.com
Last edited Oct 20, 2024
Created on Oct 20, 2024
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, mapping petal length and width for individual flowers while encoding species with distinct colors. The visualization uses D3 v6, loading data from a CSV file and rendering circles as SVG marks. It demonstrates D3's scaleLinear, extent, axisLeft, and axisBottom APIs to construct the chart, with a custom marker function assigning skyblue, lightgreen, or orange based on species. The plot includes rotated axis labels and uses window dimensions for responsive sizing.

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

Activity6_Task3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes, with each point colored by species via a custom `marker` function. The D3 v6 code loads CSV data from a GitHub gist using `d3.csv`, scales the axes with `scaleLinear`, and renders circles in an SVG. Axis labels appear for petal length and sepal length, though the latter label mismatches the plotted x-values. The chart uses `axisLeft` and `axisBottom` for ticks and fills margin-controlled space.

VVarshith Peddineni
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…

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…

Activity 6_Task 3

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and width for three species of iris flowers. The visualization uses D3.js v6 to load data from a GitHub-hosted CSV file and render circles as SVG elements. Circles are color-coded by species (setosa in sky blue, versicolor in light green, and virginica in orange), with axis labels displaying the measured attributes. The chart employs D3’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` functions to map data values to screen coordinates and generate axes.

MMannava Priyanka Chowdary
95% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length against petal width for three iris species, with each species color-coded as skyblue, lightgreen, or orange. The visualization uses D3 v6 to load CSV data, apply linear scales, render SVG circles with axis labels, and position points within a full-window viewport. The code implements axes, margin-based layout, and color mapping through a switch function, while reading data from a GitHub-hosted CSV file.

MManojsai Bangaru
95% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, displaying petal length against petal width for individual flowers. The visualization, built with D3 v6 and rendered as an SVG, uses colored circles to distinguish between the three Iris species: setosa, versicolor, and virginica. The code loads data from a CSV file and applies the `d3.scaleLinear` API for both the x and y axes, with `d3.axisLeft` and `d3.axisBottom` for the chart’s labeled axes.

Ggouthamigongidi2457@gmail.com
95% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, displaying petal length against petal width for individual flowers, with each point colored by species (setosa, versicolor, or virginica). The chart uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, map values to coordinates, and render axes. Data is fetched from a GitHub-hosted CSV file, and the visualization is drawn as an SVG with circle markers, including axis labels styled in green.

Ss.harshinisai01@gmail.com
95% match