Skip to main content
SimilarExport ZIP
100%

Tutorial-3.1 Task3

✓ Published0🌍 Public
Ddaneeshchowdary18@gmail.com
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from Hello VizHub

This example presents scatter plots of the Iris dataset, visualizing petal dimensions as the primary axes, while encoding sepal dimensions through non-standard circle attributes (`rx` and `ry`). It renders as an SVG using D3 version 6, loaded via UNPKG, and leverages D3 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`. The code colors data points by species (setosa, versicolor, virginica) and loads the dataset from a GitHub 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…

Tutorial -3.2 Task-3

This scatter plot visualizes the relationship between sepal length and petal length for Iris flowers, with different species distinguished by distinct point shapes. It loads D3 v7 and CSV data from a remote GitHub repository, using `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbolsFill`, and `d3.symbol` to map data attributes to coordinates and shapes. The implementation uses reusable modules for axes, scatter plot, and legend rendering, with `d3.select` and `.join` for declarative SVG updates.

Ddaneeshchowdary18@gmail.com
92% match
Loading thumbnail…

Tutorial3.1

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.

Vvaishalireddy55555@gmail.com
92% match
Loading thumbnail…

Tutorial task 3

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width for three flower species color-coded as setosa, versicolor, and virginica. Using D3.js v6, the visualization maps each data point to a circle with coordinates scaled by d3.scaleLinear and d3.extent domains. The SVG rendering includes custom axis labels from d3.axisLeft and d3.axisBottom, while circles are drawn with d3.selectAll and the join pattern. Data loads asynchronously from a GitHub-hosted CSV file via d3.csv.

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

Tutorial3.1

This example uses D3 v6 to create a scatter plot of the Iris dataset, loaded via CSV from a GitHub repository. It visualizes petal length on the x-axis and petal width on the y-axis, with circles colored by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. The code employs `d3.csv` for parsing, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for scales and axes. The SVG rendering uses `select` and `join` to bind data to circle elements.

Cchintamanenithp@gmail.com
92% 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
92% match