Skip to main content
SimilarExport ZIP
100%

Activity 7 Task 3

✓ Published1🌍 Public
MMichael Biancardi
Last edited Jul 21, 2023
Created on Jun 28, 2023
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, showing petal length against petal width for three iris species. Each point is color-coded by species: sky blue for setosa, light green for versicolor, and orange for virginica. The visualization uses D3 v5, loading data via `d3.csv`, scaling axes with `d3.scaleLinear`, and rendering SVG circles with `d3.select`. Axis labels are added using D3's `axisLeft` and `axisBottom` functions, with colored text labels for clarity.

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

Activity 7 Task 3

This scatter plot visualizes the Iris dataset, displaying petal length against petal width, with each point colored by species (setosa, versicolor, or virginica) using an orange, skyblue, or lightgreen fill. The code loads data via `d3.csv` from a GitHub raw URL, uses `d3.scaleLinear` and `d3.extent` for scales, and draws circles in an SVG. Axes are rendered with `d3.axisLeft` and `d3.axisBottom`, with custom green axis labels, all built using D3 v6.

HHarshithaAmbilpur
94% match
Loading thumbnail…

Activity 8 Task_3

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis. Each point’s color distinguishes the three iris species: skyblue for setosa, lightgreen for versicolor, and orange for virginica. The visualization uses D3 v6 with SVG rendering, employing `scaleLinear`, `axisBottom`, `axisLeft`, and the `csv` loader to fetch data from a GitHub repository. The axes are labeled, and the plot fills the browser window, with no interactive elements.

Nneeleshalapati@gmail.com
93% match
Loading thumbnail…

Activity6_Task3.1

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.

Ssasidhharreddy@gmail.com
93% match
Loading thumbnail…

Activity_7_task3

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width for three flower species. Each circle is color-coded by species (skyblue for setosa, lightgreen for versicolor, orange for virginica), and the axes are labeled "Petal_Length" and "sepal_Length" (the latter mislabeled). The code loads CSV data from a GitHub URL using d3.csv, maps the data to x/y positions with d3.scaleLinear, and renders SVG circles with d3.select and .join. Axes are drawn using d3.axisLeft and d3.axisBottom, with the chart sized to the full browser window.

Mmandadi1999
93% match
Loading thumbnail…

Activity6-Task3

This scatter plot visualizes the Iris dataset by mapping petal length and petal width for each sample, with points colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica). The visualization uses D3 v6 APIs including `d3.csv`, `scaleLinear`, `axisLeft`, and `axisBottom` to render SVG circles and axes. Additional sepal length and width values are encoded but not directly displayed. The data is loaded from a GitHub gist and rendered across the full browser window with rotated axis labels for petal length.

Ssriyaalugupalli@my.unt.edu
93% match
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
93% match