Skip to main content
SimilarExport ZIP
100%

Activity6_Task3

✓ Published0🌍 Public
Ppenumutchu.manobhiram@gmail.com
Last edited Apr 7, 2024
Created on Apr 7, 2024
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, mapping petal length and width to the x- and y-axes while coloring each point by species. It uses D3 v6’s `select`, `csv`, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` APIs to load the data, compute scales, and render SVG circles with per-species fill colors. The chart also labels axes with petal and sepal measurements, showing relationships within the sample.

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

This scatter plot visualizes the Iris dataset, mapping petal length and width for individual flowers while coloring each point by species (setosa, versicolor, virginica). The chart uses D3 v6 primitives including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, compute scales, and render SVG axes and circles. The code draws circles whose horizontal and vertical positions encode petal dimensions, with size fixed at a radius of 5 pixels and fill colors assigned via a species-based switch statement.

Vvankayalapatimounika2000@gmail.com
94% match
Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset, displaying petal length and width for individual flowers. The circles are color-coded by species: skyblue for setosa, lightgreen for versicolor, and orange for virginica. Using D3 v6, the example loads data from a remote CSV via `d3.csv`, parses the numeric columns, and maps them to SVG circles using `d3.scaleLinear` for the x and y axes. It also incorporates sepal dimensions into the `rx` and `ry` attributes, making each point an ellipse. The chart renders axis labels with `d3.axisLeft` and `d3.axisBottom`, and uses D3's `select` and `join` APIs for efficient SVG element creation.

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

Activity6_Task_3.2

This example demonstrates a scatter plot that visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis while using different symbol shapes to distinguish species. The visualization is built with D3 v7, importing specific functions like `scaleLinear`, `scaleOrdinal`, `symbol`, and `axisLeft` from the d3 module. Data loads asynchronously from a CSV file hosted on GitHub, is parsed with `csvParse`, and rendered as SVG paths. A custom legend module shows the shape-to-species mapping, with axes and labels added programmatically.

Ppenumutchu.manobhiram@gmail.com
93% 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
93% match
Loading thumbnail…

Activity6_Task3_1

This scatter plot visualizes the Iris dataset, mapping petal length against petal width for individual flowers. Each point is colored by species—setosa, versicolor, and virginica—using skyblue, lightgreen, and orange. The visualization is built with D3 v6, loading data via CSV and rendering SVG circles. It uses `scaleLinear` for axes, `axisLeft` and `axisBottom` for ticks, and custom radius scaling based on sepal dimensions, though it does not apply multi-dimensional scaling.

Vvemurisuchitha@gmail.com
93% match
Loading thumbnail…

Activity6_task3

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x and y axes, with each point colored by species (setosa, versicolor, or virginica). The code uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data from a GitHub-hosted CSV and render an SVG chart. Additional text labels for the axes are added manually via appended `text` elements, though the title references sepal length, the axis and data actually use petal dimensions.

Mmaneeshraja47@gmail.com
92% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis. Each circle represents a flower, colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica) using a custom mapping function. Built with D3 v6, the example loads data via `d3.csv` from a GitHub URL, scales axes with `scaleLinear` and `extent`, and renders SVG circles with `select` and `.join`. Axis labels and ticks are added with `axisLeft` and `axisBottom`.

Ssatvikreddy79@gmail.com
92% match
Loading thumbnail…

Activity6_Task3

This interactive scatter plot visualizes the Iris dataset, mapping petal length and petal width on the x- and y-axes while using colored circles to distinguish between the three iris species: setosa, versicolor, and virginica. The visualization renders as an SVG using D3.js v6, specifically leveraging `csv`, `scaleLinear`, `extent`, `axisBottom`, and `axisLeft`. It loads the dataset from the provided GitHub repository via a URL, defines custom margin and radius values, and scales the data accordingly. The plot includes green axis labels for “Petal_Length” and “sepal_Length”, with the axes styled with large tick text.

Mmaneeshraja47@gmail.com
92% match