Skip to main content
SimilarExport ZIP
100%

Activity6_Task3.1

✓ Published0🌍 Public
Ssasidhharreddy@gmail.com
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis, with circles colored by species (setosa, versicolor, virginica) in skyblue, lightgreen, and orange. It uses d3.csv for data loading, d3.scaleLinear for positioning, and d3.axisLeft/axisBottom for axes. The SVG rendering uses d3.select and .join to create circles, with a rotation transform for the y-axis label.

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

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis. Each circle represents a data point, colored by species (setosa in skyblue, versicolor in lightgreen, and virginica in orange), with circle dimensions reflecting sepal length and width via their rx and ry attributes. The visualization uses d3.csv to load data from a GitHub repository, d3.scaleLinear for axis scaling, and d3.axisLeft and d3.axisBottom for axes. Rendering is done as an SVG with d3.v6, applying margins and custom font styles for axis labels.

PPothuguntla Pranitha
97% match
Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with points colored by species (setosa, versicolor, virginica). The visualization uses d3.csv to load the data, d3.scaleLinear to map values to coordinates, and d3.axisLeft/d3.axisBottom for axes. The SVG circles are positioned using the scaled dimensions, while the code also reads sepal measurements but does not use them in the final rendering. The plot is displayed with custom font styling and colored axis labels.

Nnikhithadadi@my.unt.edu
96% match
Loading thumbnail…

Activity6_task3

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width for three flower species. Colored circles represent each species, with skyblue for setosa, lightgreen for versicolor, and orange for virginica. The visualization loads data from a CSV file using d3.csv and renders SVG circles with d3.scaleLinear for axes positioning. Axis labels rotate with SVG transforms, and species-specific colors are assigned through a JavaScript switch statement. The plot uses d3.axisLeft and d3.axisBottom for the coordinate system.

Cchinnivikramnunna@gmail.com
96% 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, with points colored by species (setosa, versicolor, virginica) using d3.scaleLinear. The SVG rendering uses d3.select, data joins with .join(), and axis components via d3.axisLeft and d3.axisBottom. Data loads asynchronously from a CSV file using d3.csv with custom row parsing, while axes are labeled with text elements.

Aanish6005@gmail.com
96% match
Loading thumbnail…

Activity6_Task3

A scatter plot of the Iris dataset displays petal length against petal width, with circles colored by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. The plot also encodes sepal length and width as circle radii (`rx`, `ry`), creating elliptical marks. The visualization loads data via `d3.csv`, scales axes with `scaleLinear` and `extent`, renders SVG circles via `selectAll` and `join`, and adds axes with `axisLeft` and `axisBottom`. Axis labels are rotated text elements. Data is sourced from a GitHub-hosted CSV file.

Hhaneesh@gctc.in
96% match
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, mapping petal length and petal width on the x- and y-axes while coloring each point by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. It also encodes sepal length and width as additional properties per circle. Built with D3 v6, the code uses `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and SVG circle elements. Data is loaded from a remote GitHub CSV, with axes and labels rendered into a full-window SVG.

Nnikhilthoutu24@gmail.com
96% match
Loading thumbnail…

Activity 6 Task 3

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis. Each point is colored by species, using skyblue for setosa, lightgreen for versicolor, and orange for virginica. The visualization uses D3's `scaleLinear` for axes and `axisBottom` and `axisLeft` for ticks. Data is loaded from a CSV file via `d3.csv`, and circles are rendered as SVG marks using D3's `select` and `join` operations.

HHarshita Vairagade
96% match