Skip to main content
SimilarExport ZIP
100%

Activity6_tutorial 1

✓ Published0🌍 Public
Rraaghaveramireddy@my.unt.edu
Last edited Oct 24, 2024
Created on Oct 23, 2024
Forked from Hello VizHub

This example visualizes the Iris dataset with a scatter plot of petal length against petal width, coloring each point by species (setosa, versicolor, or virginica). It also encodes sepal length and width as additional attributes on the circle elements. The code loads CSV data via `d3.csv`, uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to render SVG circles and axes, and styles the page with CSS. The data comes from a remote gist URL.

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 Tutorial 3.1

This example visualizes the Iris dataset with a scatter plot comparing petal length against petal width, coloring points by species (setosa, versicolor, virginica) in skyblue, lightgreen, and orange. The code loads CSV data via d3.csv, then uses scaleLinear, extent, axisLeft, and axisBottom to map values and render axes in SVG. Circles are positioned using cx/cy attributes, with additional rx/ry properties derived from sepal measurements. Axis labels are rotated and styled using d3 selections.

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

Activity 6 tutorial 3.1

This example visualizes the Iris dataset with a scatter plot of petal length against petal width, where each circle’s color encodes the three species (setosa, versicolor, virginica) via a switch statement. The code loads CSV data with d3.csv, maps it into x/y positions using scaleLinear and extent, and renders SVG circles with attributes for fill and radius. Axis labels and tick marks are generated with d3.axisLeft and d3.axisBottom, while an inner text element adds rotated labels for both axes.

AAamani Chamarthi
94% match
Loading thumbnail…

Activity_6_Task3_Tutorial

This example visualizes the Iris dataset as a scatter plot, mapping petal length and petal width on the axes while coloring each circle by species (setosa, versicolor, or virginica). The code uses D3 v6 via UNPKG, loading CSV data from a GitHub repository and rendering SVG circles with `scaleLinear`, `extent`, and axis functions. It also applies non-standard `rx` and `ry` attributes to the circles, based on sepal measurements, demonstrating flexible D3 data binding and custom styling.

Pparvathi829790@gmail.com
93% match
Loading thumbnail…

activity6_tutorial

This scatter plot visualizes the Iris dataset, mapping petal length and width on the axes while coloring points by species (setosa, versicolor, and virginica) with distinct fill colors. The visualization uses D3 v6’s `csv` loader to fetch data from a GitHub gist, `scaleLinear` for axis scaling, and `axisLeft`/`axisBottom` for labeled axes. Circles are rendered via SVG with a fixed radius, and additional attributes like sepal dimensions are bound to each mark but not visually encoded.

Vvidiyalasahithi1999@gmail.com
93% match
Loading thumbnail…

Activity 6 tutorial 3.1

This example shows a scatter plot of the Iris dataset, mapping petal length and petal width on the x- and y-axes while coloring each point by species (setosa, versicolor, or virginica). It loads the data from a remote CSV using d3.csv, scales the coordinates with d3.scaleLinear, and renders circles as SVG elements. The plot includes labeled axes generated by d3.axisLeft and d3.axisBottom, with gradient-colored data points and fixed radius.

BBamanGayathri
93% match
Loading thumbnail…

Activity6_Tutorial3.1

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis. Each point’s color encodes the iris species (setosa, versicolor, or virginica), while the sepal length and width are additionally used to scale each circle’s rx and ry attributes, creating elliptical markers. The code loads CSV data via `d3.csv`, uses `scaleLinear` with `extent` to set domains, and renders the visualization as SVG circles with `d3.axisLeft` and `d3.axisBottom` for labeled axes.

Hhemanthdummy999@gmail.com
93% match
Loading thumbnail…

Activity 6_tutorial 3.1

This scatter plot visualizes the Iris dataset, plotting petal length against petal width and coloring each point by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. The code loads CSV data from a GitHub gist, scales the x and y axes with `d3.scaleLinear`, and renders circles in an SVG using `d3.select` and `data.join`. Axis labels and ticks are appended via `d3.axisLeft` and `d3.axisBottom`, with margins and a fixed radius of 5 pixels for each point.

Ssairohithchada@gmail.com
93% match
Loading thumbnail…

Activity6_Tutorial3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes while coloring each point by species (setosa, versicolor, virginica). The visualization uses D3 v6 and SVG rendering, loading data from a remote CSV via `d3.csv` and scaling coordinates with `d3.scaleLinear`. Circles are drawn with `selectAll` and `join`, with axes generated by `d3.axisLeft` and `d3.axisBottom`, accompanied by rotated axis labels.

Ddandudivya98@gmail.com
93% match