Skip to main content
SimilarExport ZIP
100%

Activity-6-Task-3.1

✓ Published0🌍 Public
Nnaveen.dodda4321@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, displaying petal length against petal width, with points colored by species (setosa, versicolor, virginica). The chart uses D3.js (v6) with the `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to load, scale, and render the data as SVG circles. It also reads sepal measurements for each point, though only petal dimensions position the marks. The plot includes labeled axes and a legend-like color mapping determined by species.

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

This scatter plot visualizes the Iris dataset, showing petal length against petal width with points colored by species (setosa in skyblue, versicolor in lightgreen, and virginica in orange). The visualization uses D3 v6 APIs including `d3.csv` for data loading, `d3.scaleLinear` for the x and y axes, `d3.extent` to compute data domains, and `d3.axisLeft`/`d3.axisBottom` for axis rendering. The SVG is sized to the browser window, with data fetched from a GitHub-hosted CSV file. The code also stores sepal dimensions in each mark, though these are not used in the final rendered circles.

Hhoneyravuri.711@gmail.com
96% 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…

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

activity 6 task 3

This scatter plot visualizes the Iris dataset, depicting petal length against petal width for individual flowers, with color-coded points for each species (setosa, versicolor, and virginica). The visualization uses D3 v6 with `csv()`, `scaleLinear()`, and `extent()` to load data from a GitHub-hosted CSV and map values to screen coordinates. Points are rendered as SVG circles using `selectAll().join()`, with an `axisLeft()` and `axisBottom()` providing labeled axes. The code also reads sepal measurements but applies them as circle `rx` and `ry` attributes, though these are overridden by a fixed radius value.

Ssairamisetti3829@gmail.com
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, while coloring each circle by species (setosa, versicolor, and virginica). The chart displays all 150 data points using SVG circles, with species-specific colors applied via a switch function. Built with D3 v6, the visualization uses `d3.csv` to load data from a GitHub-hosted CSV, `scaleLinear` for axes, and `axisLeft`/`axisBottom` for tick marks. Axis labels are styled with green text for petal length and sepal length.

Ddineshreddy.ravula@gmail.com
95% 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…

Activity06Task3.1

This scatter plot visualizes the Iris dataset, displaying 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, and orange for virginica). The visualization uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map data coordinates and render SVG circles with a fixed radius. Data is loaded asynchronously from a CSV file hosted on GitHub via `d3.csv`, with additional sepal measurements parsed but not directly plotted. The chart fills the browser window and includes rotated axis labels for clarity.

Bbharatchowdarypotluri@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