Skip to main content
SimilarExport ZIP
100%

Activity6_Task3

✓ Published0🌍 Public
Mmoulidomar@hotmail.com
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Hello VizHub

This example displays a scatter plot of the Iris dataset, plotting petal length against petal width, with each point colored by species (setosa, versicolor, or virginica) using a custom marker function. It loads the CSV data from a GitHub repository via `d3.csv`, then uses `d3.scaleLinear` with `extent` to map the data to pixel coordinates. The visualization renders circles as SVG elements using `select('body').append('svg')`, with axes drawn via `d3.axisLeft` and `d3.axisBottom`. The code also includes unused sepal length and width values mapped to circle `rx` and `ry` attributes, though the radius remains fixed.

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 points by species (setosa, versicolor, virginica) using an SVG circle per data row. D3 v6 loads CSV data via `d3.csv` from a GitHub raw URL, then applies `scaleLinear` and `extent` to position marks, with `axisLeft` and `axisBottom` generating labeled axes. The code also binds sepal measurements to circle radius attributes via `rx` and `ry`, though visual scaling is not applied.

KKhushi Desai
95% match
Loading thumbnail…

Activity6_Task3

This example presents a scatter plot of the Iris dataset, visualizing petal length and width for different species. The plot uses colored circles (skyblue, lightgreen, orange) to distinguish between setosa, versicolor, and virginica flowers, with each point’s size reflecting sepal dimensions via the `rx` and `ry` attributes. Built with D3 v6, it loads CSV data from a GitHub repository, uses `scaleLinear` and `extent` for axis scaling, and renders axes with `axisLeft` and `axisBottom`. The SVG output includes labeled axes and a centered title.

Aasimcyb@gmail.com
95% match
Loading thumbnail…

Activity6_Task3.1

This example visualizes the Iris dataset as a scatter plot, displaying petal length and petal width on the axes while coloring each point by species (setosa, versicolor, or virginica). It also encodes sepal length and width as the x- and y-radii of the circular markers. The visualization loads CSV data from a GitHub gist, uses D3 v6 modules including `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select`, and renders all marks as SVG circles. Axis labels are green, and the plot resizes to the full browser window.

Rrakesh.kavuru@outlook.com
95% match
Loading thumbnail…

Activity6_Task3

This example builds a scatter plot from the Iris dataset, displaying petal length against petal width while coloring each point by species (setosa, versicolor, or virginica). The visualization uses d3.csv to load data from a GitHub-hosted CSV file and renders circles as SVG elements with d3.scaleLinear for both axes, d3.axisLeft, and d3.axisBottom for tick marks. Circle fill colors are assigned via a JavaScript switch statement, with additional attributes like sepal dimensions mapped to circle properties, though these do not affect the visual size or shape.

PPradhyumna Poralla
95% match
Loading thumbnail…

Activity6_Task3

This example renders a scatter plot of the Iris dataset, showing petal length against petal width with color-coded markers for each species (setosa, versicolor, and virginica). It loads CSV data via `d3.csv` and uses `d3.scaleLinear`, `d3.extent`, and axis generators `d3.axisLeft` and `d3.axisBottom` to build the SVG visualization. Circle positions are mapped from the numeric fields, with radial dimensions also set from sepal measurements, though the plot only displays fixed-radius points. The code demonstrates dynamic data parsing and SVG rendering directly in the browser.

YYeruva Snehith Reddy
95% 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
95% match
Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset by mapping petal length and petal width, with points colored by species (setosa, versicolor, virginica). Using D3 v6, the code loads CSV data with the `csv` function, creates axes with `axisLeft` and `axisBottom`, and applies `scaleLinear` for positioning. Circles are rendered via SVG selections, with an unusual use of `rx` and `ry` attributes based on sepal dimensions. The raw data comes from a GitHub-hosted CSV file.

VVidya Lakshmi Chitturi
94% 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
94% match