Skip to main content
SimilarExport ZIP
100%

task 3.1

✓ Published0🌍 Public
Jjangalaupender@my.unt.edu
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x and y axes, with points colored by species (setosa, versicolor, virginica). The code uses D3 v6’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to build the chart, loading data via `csv` from a GitHub URL. Circles are drawn with a fixed radius, while labels for axes are added manually. The visualization is rendered as SVG, with an interactive full-window layout.

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…

task3.1

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with circles colored by species (setosa, versicolor, and virginica). The visualization also encodes sepal length and width as circle attributes, though these are set as `rx` and `ry`, which do not affect standard SVG circle rendering. The code loads data from a GitHub-hosted CSV using `d3.csv`, applies `d3.scaleLinear` for axes, and renders the plot with SVG circles, `d3.axisLeft`, and `d3.axisBottom`. Axis labels are added as text elements in green.

Yyashwanthkirla95@gmail.com
94% match
Loading thumbnail…

task3

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes, with points colored by species (setosa, versicolor, and virginica). The code draws circles using SVG, applying a custom `marker` function to assign colors based on the species field. It uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and chainable selections with `.join()`. Data is loaded from a remote CSV file, and the plot includes labeled axes with custom text styling.

VVrushikaKanaparthy@my.unt.edu
94% match
Loading thumbnail…

Task-3

This scatter plot visualizes the Iris dataset, mapping petal length and width for the x and y axes, with each point colored by species (setosa, versicolor, or virginica). Built with D3 v6, it loads data via `d3.csv`, uses `scaleLinear` for axes from `d3.scaleLinear`, and renders circles with `d3.select` and SVG `circle` elements. The chart includes labeled axes and a legend via `d3.axisLeft` and `d3.axisBottom`, with dimensions scaled to the browser window. Data is pulled from a remote CSV hosted on GitHub Gist.

Rrahul.bonu524@gmail.com
94% match
Loading thumbnail…

task-8(part-3)

This scatter plot visualizes the Iris dataset, showing petal length against petal width while color-coding points by species (setosa, versicolor, virginica). The code loads CSV data via `d3.csv`, scales the axes with `scaleLinear` and `extent`, and renders circles using `join`. Axes are drawn with `axisLeft` and `axisBottom`; the visualization uses the D3 v6 library and renders to SVG.

DDivyaKota2@my.unt.edu
93% match
Loading thumbnail…

Task 3

This scatter plot visualizes the Iris dataset, mapping petal length and petal width for individual flowers while using color to distinguish the three species. Built with D3 v6, it renders circular SVG marks positioned by linear scales. The code loads CSV data from a GitHub repository, parses numeric fields, and draws axes using `axisLeft` and `axisBottom`. The visualization encodes sepal dimensions as attributes on each circle, though these are not visually mapped to size or shape.

IIkram Mohammed
93% match
Loading thumbnail…

Task-3

This scatter plot visualizes the Iris dataset, mapping petal length and width as the primary axes while encoding sepal dimensions through elliptical marker shapes. Points are colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica) using D3's scaleLinear for axis scaling and extent for domain calculation. The visualization loads data from a GitHub-hosted CSV, employs D3 v6's select and join operations to bind data to SVG circles, and uses axisLeft/axisBottom for labeled axes.

Kkotipallipavan54@gmail.com
93% match
Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset, mapping petal length and petal width as x and y coordinates while coloring each point by species (setosa, versicolor, or virginica). It loads CSV data from a GitHub URL and renders circles with D3 v6, using `d3.csv`, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` to construct axes. The SVG-based visualization labels both axes and includes a fixed point radius, with species-specific colors applied via a switch statement.

Vvemulasai306@gmail.com
93% 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
92% match