Skip to main content
SimilarExport ZIP
100%

Tutorial3.1

✓ Published0🌍 Public
Vvaishalireddy55555@gmail.com
Last edited Apr 15, 2024
Created on Apr 14, 2024
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, plotting petal length against petal width, with each point colored by species (skyblue for setosa, lightgreen for versicolor, and orange for virginica). It also encodes sepal length and width as the `rx` and `ry` attributes on each circle, though the rendering uses a constant radius. The visualization loads data via `d3.csv` from a GitHub gist, uses `d3.scaleLinear` and `d3.extent` for scales, and renders SVG circles with axes via `d3.axisLeft` and `d3.axisBottom`. Custom axis labels are added with rotated 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…

tutorial 3

This scatter plot visualizes the Iris dataset, showing petal length against petal width with points colored by species (setosa, versicolor, and virginica) as skyblue, lightgreen, and orange. Circle markers also encode sepal dimensions through their `rx` and `ry` attributes, though they remain visually circular due to a fixed radius. The visualization loads data via `d3.csv` from a GitHub raw URL, uses linear scales (`scaleLinear`) with `extent` for domains, and renders axes with `axisLeft` and `axisBottom`. D3 v6 from UNPKG handles the SVG rendering and data joins.

Eeedaraajay02@gmail.com
96% match
Loading thumbnail…

Tutorial 3.1

This scatter plot visualizes the Iris dataset, comparing petal length against petal width for individual flowers, with colors distinguishing the three species (setosa, versicolor, and virginica). It uses D3 v6 to load CSV data from a GitHub repository, scale linearly with `d3.scaleLinear`, and render circles in an SVG. The axes are drawn with `d3.axisLeft` and `d3.axisBottom`, while separate labels indicate the plotted variables, although the code also loads sepal dimensions without displaying them in the final chart.

Jjtulasi05@gmail.com
95% match
Loading thumbnail…

tutorial 3.1

This scatter plot visualizes the Iris dataset, showing petal length against petal width, with each point color-coded by species (setosa, versicolor, or virginica). The visualization includes axes labeled "Petal_Length" and "sepal_Length," though the latter is mislabeled relative to the y-axis values. It loads data from a GitHub-hosted CSV using d3.csv, and constructs the chart with d3.scaleLinear, d3.extent, d3.axisLeft, and d3.axisBottom. Circles are rendered via SVG using d3.select and join, with radii and colors mapped from the data.

Aasheshpinisetti@my.unt.edu
95% match
Loading thumbnail…

Tutorial-3

This scatter plot visualizes the Iris dataset, mapping petal and sepal dimensions with color-coded species. It loads the data via D3’s `csv` function from a GitHub gist and uses `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` to build the axes. Circles are drawn in SVG with the `join` pattern, each colored by species (setosa, versicolor, or virginica). Axis labels are added as SVG text, with the visualization sized to the full window.

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

tutorial 3.1

This scatter plot visualizes the iris dataset, showing sepal length on the x-axis and petal length on the y-axis. Each circle represents a flower specimen, with colors distinguishing among the three iris species (setosa, versicolor, and virginica) using an ordinal color scale with `d3.schemeCategory10`. The visualization uses d3.v7 to load CSV data via `d3.csv`, apply linear scales for both axes, and render the plot as SVG circles. Axis components are built with `d3.axisBottom` and `d3.axisLeft`, with custom labels added for both dimensions.

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

Tutorial_3

This scatter plot visualizes the Iris dataset, mapping petal length along the x-axis and petal width along the y-axis, with each of the three iris species (setosa, versicolor, and virginica) distinguished by a different fill color. Built with D3 version 6, the visualization uses `d3.csv` to load data from a remote GitHub source and `d3.scaleLinear` to create the axes’ scales. The SVG circles are drawn using `d3.select` and a data join, while `d3.axisLeft` and `d3.axisBottom` render the labeled axes, with additional text annotations for the axes.

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

TASK8_TUTORIAL3

This scatter plot displays the Iris dataset, mapping petal length and width for each sample while using color to distinguish between the three species (setosa, versicolor, and virginica). It also encodes sepal dimensions as the `rx` and `ry` attributes, though the circles are rendered with a fixed radius, making these values not visually apparent. The visualization is built with D3 v6, loading the CSV data via `d3.csv`, and using `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to construct the scales and axes. SVG circles are drawn on a full-window canvas, with a red title and green axis labels.

Ttarunskuruvadi@gmail.com
94% match
Loading thumbnail…

Activity8tutorial 3

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis. Points are colored by species—skyblue for setosa, lightgreen for versicolor, and orange for virginica—with circle radii fixed at five pixels. The visualization loads data from a remote CSV via `d3.csv`, parses numeric values, and uses `d3.scaleLinear` with `d3.extent` for scales. Axes are generated with `d3.axisLeft` and `d3.axisBottom`. The code also maps sepal dimensions to circle attributes, though these do not affect rendering. SVG elements are bound and updated with `selectAll(...).data(...).join(...)`.

BBindumadhavi
93% match