Skip to main content
SimilarExport ZIP
100%

Activity6_Task3

✓ Published1🌍 Public
MMandadi Nishita
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, mapping petal length and width against sepal length and width, with points colored by species (setosa, versicolor, virginica). The visualization loads CSV data via `d3.csv`, uses `d3.scaleLinear` for axes, and renders circles with `d3.selectAll` and `join`. Axis labels are added using `d3.axisLeft` and `d3.axisBottom`, with custom styling in an SVG canvas.

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.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, and virginica) in skyblue, lightgreen, and orange. The code loads data from a GitHub gist via D3’s `csv` and uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render axes and SVG circles with a fixed radius, while also mapping sepal dimensions to each point’s `rx` and `ry` attributes (though these are overridden by the constant radius). The visualization fills the browser window, with green axis labels for petal and sepal lengths.

MMandadi Nishita
96% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, displaying petal length against petal width, with each point colored by species (setosa, versicolor, or virginica) to highlight group separation. The chart reads the data from a CSV file and uses D3's `scaleLinear` for axes, `axisLeft` and `axisBottom` for ticks, and maps species to colors via a switch statement. Rendered as an SVG, the plot includes labeled axes for petal and sepal measurements, though the sepal length label appears misaligned. The visualization uses D3 v6 APIs, including `csv` for data loading and data join operations for drawing circles.

Mmohanalaharic@gmail.com
95% 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
95% match
Loading thumbnail…

Activity6_Task 3.1

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 a custom marker function. The visualization, rendered as an SVG using D3 v6, loads data from a remote CSV file via `d3.csv`, scales axes with `scaleLinear` and `extent`, and draws circles with attributes mapped from sepal measurements. Axis labels are added via `axisLeft` and `axisBottom`, and text elements are rotated to label the y-axis.

Ssaisnehapalle@my.unt.edu
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, with each point colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica). The visualization uses D3 v6 with `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to load data from a GitHub-hosted CSV and render SVG circles. Axis labels for petal length and sepal length are added with lower-case text, using a green font.

Kkowshiksamudrala08@gmail.com
95% match
Loading thumbnail…

Activity6_Task3.1

A scatter plot of the Iris dataset displays petal length and width, with each point colored by species (setosa, versicolor, virginica) using a fixed color mapping. The visualization is rendered as SVG via D3 v6, using `scaleLinear` for axes and `axisLeft`/`axisBottom` to draw ticks. Data is loaded as CSV from a GitHub repository, parsed with `csv`, and circles are bound to marks with `selectAll` and `join`. The code also references sepal dimensions in the data but does not use them in the plot.

UUday Vandanapu
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…

Activity 6_Task 3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width as the primary x and y coordinates while encoding sepal dimensions as data attributes for each point. Circles are colored by iris species—setosa, versicolor, and virginica—using a switch statement. Built with D3 v6, the visualization uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct scales and axes, rendering SVG circles with data joined via `selectAll` and `join`. The CSV data is loaded asynchronously from a GitHub source, with a full-viewport responsive layout.

Mmsnikhil2608@gmail.com
95% match