Skip to main content
SimilarExport ZIP
100%

Activity6_Task3

✓ Published0🌍 Public
Llikhitha.sarahah01@gmail.com
Last edited Oct 19, 2024
Created on Oct 19, 2024
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, mapping petal length and width for each flower sample. The code loads the data from a GitHub-hosted CSV, and points are colored by species (skyblue, lightgreen, orange) using a switch function. Axes are created with `d3.axisLeft` and `d3.axisBottom`, while scales are defined by `d3.scaleLinear` and extents via `d3.extent`. All graphics are rendered as SVG circles using D3's join operation.

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, showing petal length against petal width for individual flowers. Points are colored by species—sky blue for setosa, light green for versicolor, and orange for virginica—using D3.js v6. The code loads CSV data from a GitHub repository and uses `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom` to create the axes. It renders as an SVG, with circles positioned by the scaled petal measurements and styled via a switch statement on the species field. The plot includes custom axis labels in green.

Bbhargavr016@gmail.com
96% match
Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width for three iris species, with each species represented by a distinct color. The code uses D3 v6 to load CSV data from a GitHub repository, parse the numeric columns, and render an SVG scatter plot. It employs D3's `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map data values to pixel coordinates and draw axes. The visualization also includes a title and axis labels, with circles colored skyblue, lightgreen, or orange based on species.

SSai Praveen Lokavarapu
96% 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
96% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis. Each circle represents a flower, colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica) using a custom mapping function. Built with D3 v6, the example loads data via `d3.csv` from a GitHub URL, scales axes with `scaleLinear` and `extent`, and renders SVG circles with `select` and `.join`. Axis labels and ticks are added with `axisLeft` and `axisBottom`.

Ssatvikreddy79@gmail.com
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…

Activity 6_Task 3

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. The D3 v6 code loads CSV data from a GitHub gist, then uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to map values to screen coordinates and render axes. Circles are drawn via SVG joins with species-based colors, while axis labels are added as text elements.

NNagalakshmi Thota
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. Each circle is colored by species—setosa (skyblue), versicolor (lightgreen), and virginica (orange)—using a custom switch-based color mapping. The code loads CSV data from a GitHub repository, parses numeric fields, and applies D3’s `scaleLinear` with `extent` to set axis ranges. It renders SVG circles via `selectAll` and `.join`, with axes added using `axisLeft` and `axisBottom`. Axis labels are positioned with `rotate(-90)` for the y-label, and the plot fills the browser window using `window.innerWidth` and `innerHeight`.

Ssowmyaammula.sdv@gmail.com
95% match
Loading thumbnail…

Activity6-Task3.1

This scatter plot displays the Iris dataset, showing petal length and petal width on the axes, with points colored by species (skyblue, lightgreen, or orange). The visualization uses d3.csv to load data from a GitHub repository and d3.scaleLinear with d3.extent to map values to screen coordinates. Circles are rendered via d3 selections, while axisBottom and axisLeft add labeled scales. The SVG canvas fills the browser window, with axis labels rotated and styled via SVG text elements.

LLayaMyadam@my.unt.edu
95% match