Skip to main content
SimilarExport ZIP
100%

que 3 supriya

✓ Published0🌍 Public
SSupriya Ravilla
Last edited Apr 8, 2024
Created on Apr 8, 2024
Forked from task_3.2 supriya

This example demonstrates a scatter plot of the Iris dataset, showing sepal length against petal length with points colored and shaped by species. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` to map data values to positions and shapes. A custom `shapeLegend` displays the species categories, while the `axes` module renders labeled axes. The data loads from a CSV file via `fetch` and `csvParse`, with the SVG canvas resizing to the window dimensions.

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…

task_3.2 supriya

This example shows an interactive scatter plot of the Iris dataset, displaying sepal length against petal length. Each point is colored by species, and the plot includes a custom shape legend that maps each species to a distinct symbol using d3.scaleOrdinal and d3.symbolsFill. The visualization loads data from a remote CSV file using d3.csvParse and renders axes with d3.axisLeft and d3.axisBottom. D3 v7 selection methods like join and attr are used to update the SVG elements dynamically.

SSupriya Ravilla
93% match
Loading thumbnail…

Activity-6_3.2

This example shows a scatter plot of sepal length versus petal length for the Iris dataset, with each of the three species encoded by a distinct shape. The visualization uses d3.scaleLinear for the axes, d3.scaleOrdinal and d3.symbol to generate shape-based marks, and includes a custom legend mapping species to symbols. Data is loaded asynchronously from a remote CSV file and parsed with d3.csvParse. The code is built with reusable modules for axes, scatter plot, and legend, all rendered in an SVG using D3 v7.

RRISHIK KURIKELLY
88% match
Loading thumbnail…

task_3 supriya

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and sepal length for three flower species. Colored circles (skyblue, lightgreen, and orange) distinguish setosa, versicolor, and virginica samples, with the x-axis and y-axis using d3.scaleLinear and d3.extent to map data ranges. The visualization loads CSV data via d3.csv, renders circles as SVG elements, and adds axes using d3.axisBottom and d3.axisLeft, with axis labels rotated for clarity. The code also sets circular radius and fill colors based on species values.

SSupriya Ravilla
88% match
Loading thumbnail…

Activity6_Tutorial3.2

This scatter plot visualizes the Iris dataset, showing the relationship between sepal length and petal length for three iris species. Each data point is rendered as a distinct shape (circle, square, or triangle) using the d3.symbol API, with a legend mapping shapes to species. The visualization is built with d3.scaleLinear for axes, d3.scaleOrdinal for the shape encoding, and d3.axisLeft/axisBottom for labeled axes. Data is loaded asynchronously from a remote CSV file using d3.csvParse. The chart updates dynamically via the d3.select and join operations.

Ddandudivya98@gmail.com
88% match
Loading thumbnail…

tutorial3.2

This example demonstrates a scatter plot of the Iris dataset, showing sepal length versus petal length, with species encoded by symbol shapes and a corresponding shape legend. The visualization uses D3 v7 APIs including `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbol`, `d3.axisLeft`, and `d3.axisBottom`. Data is loaded asynchronously as CSV and parsed with `d3.csvParse`. The code is modularized into separate ES6 modules for the scatter plot, axes, and legend, built as a reusable visualization component.

Nnikhithaaitha22@gmail.com
88% match
Loading thumbnail…

Tutorial 3.2

This scatter plot shows the relationship between sepal length and petal length for three iris species, with each species represented by a distinct symbol shape and color. The visualization uses D3’s scaleLinear, scaleOrdinal, and axis utilities to position marks and render labeled axes. A shape legend, built with the d3.symbol API, identifies species symbols. The data is loaded from a remote CSV, parsed with csvParse, and rendered on an SVG canvas. The example demonstrates custom reusable components for axes and legends using the select and join pattern.

Sshivasaikumart@gmail.com
88% match
Loading thumbnail…

Ex 1

This scatter plot visualizes the Iris dataset, comparing sepal length against petal length, with each point’s shape representing the flower species. The visualization uses D3 v7’s `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to map quantitative and categorical data to positions and shapes, while `axisLeft` and `axisBottom` render the axes. A custom shape legend is built using D3’s `symbol` generator, and data is loaded from a remote CSV via `csvParse`.

AAnushaHyderaboeni@my.unt.edu
88% match
Loading thumbnail…

scatter plot with shape

This example uses a scatter plot to visualize the Iris dataset, displaying sepal length against petal length. Points are color-coded, with distinct shapes distinguishing the three Iris species, supported by a legend for reference. Built with D3 v7, the visualization uses the `select()` and `join()` APIs to efficiently manage SVG elements, while `scaleLinear` and `scaleOrdinal` handle positional and shape encodings. The chart loads data from a remote CSV file and includes axis labels and tick marks for readability.

Aamarnadhkari98@gmail.com
88% match