Skip to main content
SimilarExport ZIP
100%

activity3.1_6

✓ Published0🌍 Public
Aazeemrm630@gmail.com
Last edited Oct 25, 2024
Created on Oct 25, 2024

This example renders a scatter plot of the Iris dataset, showing petal length against petal width, with each point colored by species (setosa, versicolor, or virginica). The data is loaded from a GitHub-hosted CSV file using D3’s `csv` function. The visualization uses `scaleLinear` and `extent` to map values to screen coordinates, and `axisLeft` and `axisBottom` to draw axes. Circles are appended and styled via D3 selections with radii fixed at five pixels, while the code also references sepal measurements as unused properties.

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 task 3

This scatter plot visualizes the Iris dataset, depicting petal length against petal width for individual flowers, with color-coded points for each species (setosa, versicolor, and virginica). The visualization uses D3 v6 with `csv()`, `scaleLinear()`, and `extent()` to load data from a GitHub-hosted CSV and map values to screen coordinates. Points are rendered as SVG circles using `selectAll().join()`, with an `axisLeft()` and `axisBottom()` providing labeled axes. The code also reads sepal measurements but applies them as circle `rx` and `ry` attributes, though these are overridden by a fixed radius value.

Ssairamisetti3829@gmail.com
94% 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…

activity-6-t-3

This example displays a scatter plot of the Iris dataset, mapping petal length and width on the axes. The visualization uses D3.js v6 to load CSV data from a GitHub URL, with circle marks colored by species (skyblue, lightgreen, orange). The code uses `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to project and render the data. The chart includes labeled axes for petal and sepal measurements, with a red title and custom tick font sizing.

SSathishvepuri143@gmail.com
93% match
Loading thumbnail…

activity 6 task 3

This scatter plot visualizes the Iris dataset, displaying petal length against petal width on the primary axes while encoding sepal dimensions through the circle's horizontal and vertical radii (via `rx` and `ry`), which are scaled directly from raw values. Species type determines the fill color, using skyblue, lightgreen, and orange for setosa, versicolor, and virginica respectively. The visualization uses D3 v6’s `csv` loader, `scaleLinear` for axes, and `axisLeft` and `axisBottom` for gridlines, rendering as SVG with a margin-bottom allocated for the x-axis label. The code loads data from a GitHub-hosted CSV and applies a custom `marker` function to map species to colors.

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

activity6 tutorial 3.1

This scatter plot visualizes the Iris dataset, mapping petal length and petal width for each sample while coloring points by species (blue, green, or orange). The chart uses D3 v6 methods including `d3.csv` for data loading, `d3.scaleLinear` for axis scaling, and `d3.axisLeft`/`d3.axisBottom` for ticks. Circles are rendered via SVG with a fixed radius, and text labels for axes are rotated and styled. Data comes from a GitHub-hosted CSV file, parsed with a custom row handler.

Nnissisharon61@gmail.com
93% match
Loading thumbnail…

Activity6 task3

This scatter plot visualizes the Iris dataset, mapping petal length and width for each sample while coloring points by species (setosa, versicolor, and virginica) using D3 v6. The SVG rendering uses `scaleLinear` for both axes, `extent` to set domains, and `axisLeft`/`axisBottom` for tick marks. Data is loaded asynchronously from a GitHub CSV via `d3.csv`, with each circle assigned a radius of 5 and a species-specific fill color from a simple switch statement.

Vvishnutejareddyambati@my.unt.edu
93% match
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
93% 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
93% match