Skip to main content
SimilarExport ZIP
100%

Activity6_task3

✓ Published2🌍 Public
PPreethi Medepalli-91
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 as the primary axes while encoding sepal dimensions through each circle’s horizontal and vertical radii. Three species—setosa, versicolor, and virginica—are distinguished by colored circles (skyblue, lightgreen, and orange). The visualization loads CSV data via `d3.csv` from a GitHub raw URL, parses numeric fields, and renders SVG circles using `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom`. It demonstrates D3 v6 module imports, dynamic window sizing, and direct SVG manipulation with `selection.join`.

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, mapping petal length and width on the axes while coloring each point by species (setosa, versicolor, or virginica). It also encodes sepal length and width in each circle’s rx and ry attributes, making the marks elliptical. Built with D3 v6, the code loads CSV data from a GitHub URL, uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` from the D3 API, and renders SVG circles with a custom marker function for color. The visualization fills the browser window’s full width and height.

11810vineeth@gmail.com
95% 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
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

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis, petal width on the y-axis, and sepal dimensions encoded through circle attributes. Each point is colored by species—skyblue for setosa, lightgreen for versicolor, and orange for virginica. The visualization loads data from a GitHub gist using D3 v6’s `csv` method, with scales from `scaleLinear`, axes from `axisLeft` and `axisBottom`, and marks rendered as SVG circles.

Vvikramkotlo9@gmail.com
95% match
Loading thumbnail…

Activity6_Task 3.1

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis for three iris species. Each circle represents a single flower, with distinct colors assigned to setosa, versicolor, and virginica species. The visualization uses d3.scaleLinear for axis scaling and d3.extent for domain calculation, with the SVG canvas sized to the browser window. Data is loaded from a remote CSV file using d3.csv, and the axes are rendered using d3.axisBottom and d3.axisLeft. The Iris dataset comes from a gist hosted by the author.

PPreethamreddyannavaram@my.unt.edu
95% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length to the x-axis and petal width to the y-axis, with each point colored by species (setosa, versicolor, or virginica). The visualization uses D3 v6, loaded via UNPKG, and renders as SVG with circles sized using a fixed radius while also binding raw sepal measurements as non-visual attributes. Data is loaded asynchronously from a GitHub-hosted CSV file using `d3.csv`, with axes created through `axisLeft` and `axisBottom`, and scales defined by `scaleLinear` with domains from `extent`. The code uses ES6 modules for local imports and demonstrates full-window responsive scaling.

Hhemanthmaddila13@gmail.com
95% match
Loading thumbnail…

Activity6_task3.1

This scatter plot visualizes the Iris dataset, showing the relationship between sepal and petal measurements. Colored circles represent three iris species—setosa in sky blue, versicolor in light green, and virginica in orange—positioned by petal length and width. The visualization uses D3 v6's `scaleLinear` for axes, `extent` for data domains, and `axisLeft`/`axisBottom` for labeled scales. Data is loaded from a remote CSV via D3's `csv` parser, rendered as SVG circles, with species-specific colors assigned through a switch statement.

Ppraneeth.d555@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 (skyblue for setosa, lightgreen for versicolor, orange for virginica). It uses D3 v6 to load CSV data via `d3.csv`, scales with `d3.scaleLinear`, and renders SVG circles. Axes are drawn with `d3.axisLeft` and `d3.axisBottom`. The code also maps sepal measurements to circle radii but does not apply them visually, as points use a fixed radius of 5 pixels.

Ssravani1969@gmail.com
95% match