Skip to main content
SimilarExport ZIP
100%

Activity6_Task3

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

This example renders a scatter plot from the Mall_Customers dataset, visualizing the relationship between petal length and petal width, while encoding species type through circle color. It loads data via `d3.csv` from a GitHub raw URL, then uses `d3.scaleLinear` with `d3.extent` to map values to screen coordinates. The SVG circles are drawn with D3’s data join, and axes are created with `d3.axisLeft` and `d3.axisBottom`. The code also references sepal dimensions and displays axis labels using `svg.append('text')`.

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

Activity6_Task3

This example renders a scatter plot of the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with points colored by species (setosa, versicolor, virginica). Data is loaded via `d3.csv` from a GitHub raw URL. Using D3 v6 with SVG, the visualization applies `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to position circles with a fixed radius. Axis labels are added via SVG text elements. The code demonstrates importing D3 functions and local ES6 modules, though the main chart logic lives inline in the HTML.

Ggketan456@gmail.com
87% match
Loading thumbnail…

Activity6_Task3

This example displays the classic Iris dataset as an SVG scatter plot, using D3 version 6 to map petal length and width along the axes while coloring circles by species. It loads data from a remote CSV file and uses `d3.csv` for parsing, `d3.scaleLinear` for scales, and `d3.axisLeft`/`axisBottom` for ticks. Each circle’s fill is determined by a switch function, and sepal measurements are set as `rx` and `ry` attributes, though the radius remains constant. The visualization fills the viewport and applies custom axis labels and styling.

Gganeshseeram5decem@gmail.com
86% match
Loading thumbnail…

Activity6_Task3

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.

Mmoulidomar@hotmail.com
86% match
Loading thumbnail…

Activity6_Task3

This example displays a scatter plot of the Iris dataset, plotting petal length on the x-axis and petal width on the y-axis, with each point colored by species (skyblue, lightgreen, or orange). It also encodes sepal length and width as the horizontal and vertical radii of each circle, creating an elliptical marker for each observation. The visualization loads CSV data from a GitHub gist using `d3.csv` and renders SVG circles via D3 v6 selections with `join`. Axes are generated using `d3.axisLeft` and `d3.axisBottom`, while scales are created with `d3.scaleLinear` and domains from `d3.extent`.

SSiddhardha
86% match
Loading thumbnail…

Activity6_Task3

This example displays a scatter plot of the Iris dataset, visualizing petal length and width relationships while encoding species type through color-coded circular markers. It loads data from a GitHub-hosted CSV and renders SVG circles using D3 v6's scaleLinear, axisLeft, and axisBottom APIs. Each circle’s fill color maps to the iris species (setosa, versicolor, or virginica), with axes labeled for petal and sepal measurements. The visualization occupies the full browser window and includes styled axis text and a red title.

GGangumalla Ruchitha Reddy
86% match
Loading thumbnail…

Activity6_Task3

This example displays the Iris dataset as an SVG scatter plot, coloring each point by species (skyblue, lightgreen, or orange) and mapping petal length and petal width to the x- and y-axes. It uses d3.csv to load the data, d3.scaleLinear and d3.extent for scales, and d3.axisLeft/axisBottom for labeled axes. The code appends circles via d3.selectAll().data().join(), setting separate radii and positions, though the mark also stores sepal dimensions without plotting them. The visualization fills the browser window, with green axis labels for petal length and sepal length.

Sshettisowmya01@gmail.com
86% match
Loading thumbnail…

Activity6_Task3

This example uses a scatter plot to visualize the Iris dataset, displaying petal length and petal width on the axes while coloring each point by species (setosa, versicolor, virginica). The D3 v6 code loads CSV data via the `csv` function, maps sepal and petal measurements using `scaleLinear` and `extent`, and renders the plot with SVG circles. It creates axes using `axisLeft` and `axisBottom` and adds data-driven colors, providing a clear comparison of species clusters in the flower measurements.

Vvenkataravitarunelisetty@my.unt.edu
86% match