Skip to main content
SimilarExport ZIP
100%

Activity 6 T3Q1

✓ Published0🌍 Public
Bbhavanadupati3@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This example visualizes the classic Iris dataset with an interactive scatter plot mapping sepal length against petal length. The code loads data from a CSV file via `d3.csvParse` and represents species using different symbols from `d3.symbol` and `d3.scaleOrdinal`. SVG elements are bound to data using D3 v6 joins, with axes generated via `d3.axisLeft` and `d3.axisBottom`. A custom shape legend displays the three species categories, while the overall layout and styling are handled through D3 selections and CSS.

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 T3

This scatter plot visualizes the Iris dataset, mapping sepal length against petal length and encoding species identity through distinct point shapes. The visualization uses D3 v7's scaleLinear, scaleOrdinal, and symbolsFill APIs to construct the axes and shape-based legend. Data is loaded from a remote CSV file via csvParse and rendered into SVG paths using the symbol generator. The example demonstrates modular code organization with local ES6 modules for axes, scatter plot, and shape legend components.

Bbhavanadupati3@gmail.com
93% match
Loading thumbnail…

Activity6 task3.2

This example visualizes the Iris dataset as an interactive scatter plot, mapping sepal length to the x-axis, petal length to the y-axis, and distinguishing species by different symbol shapes. The plot includes labeled axes and a legend for species, rendered using D3 v7's `scaleLinear` and `scaleOrdinal`. Data is loaded via `csvParse` from a remote URL, with numeric fields converted to numbers. The chart resizes to the viewport and uses d3-fetch to load the CSV, with axes drawn via `axisLeft` and `axisBottom`.

Vvishnutejareddyambati@my.unt.edu
92% match
Loading thumbnail…

Activity6-Tutorial-3.2

This visualization displays the classic Iris dataset as a scatter plot, mapping sepal length on the x-axis against petal length on the y-axis, with points colored by species via a categorical ordinal scale. The chart uses custom D3 v7 modules for axes and a shape legend, employing `scaleLinear` for coordinate scaling, `scaleOrdinal` with `symbolsFill` to assign distinct marker shapes, and a `symbol` generator for drawing them. Data is loaded asynchronously from a CSV file using `csvParse` and rendered within an SVG that resizes to the full window.

Ssowmyaammula.sdv@gmail.com
92% match
Loading thumbnail…

ACTIVITY6_T3.2

This example visualizes the Iris dataset as a scatter plot, showing the relationship between sepal length and petal length across three species—setosa, versicolor, and virginica. Each species is distinguished by a different geometric shape (circle, square, or triangle), rendered via SVG paths using `d3.symbol` and `d3.scaleOrdinal`. A legend explains the shape-to-species mapping. The code uses D3 v7 to load the CSV data, build linear scales with `scaleLinear`, and render axes with `d3.axisLeft` and `d3.axisBottom`.

VVarshithMurakonda@my.unt.edu
91% match
Loading thumbnail…

activity 6_tutorial 3.2

This example shows the classic Iris dataset as a scatter plot of sepal length against petal length, with each species distinguished by a unique symbol shape. A legend identifies the three species by their corresponding shapes. The visualization uses D3 v7 to load and parse the CSV data, then renders marks using d3.symbol and d3.symbolsFill. Axes are drawn with d3.axisBottom and d3.axisLeft, while scales for position and shape are created with d3.scaleLinear and d3.scaleOrdinal.

Aanusha.chilkamarri26@gmail.com
91% match
Loading thumbnail…

Activity6_Task3.2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length, with each of the three species represented by a distinct symbol. The visualization uses D3 version 7 to render SVG elements, employing `scaleLinear` for axes and `scaleOrdinal` with `symbolsFill` to map species to different point shapes. Data is loaded asynchronously through a CSV file fetch, then parsed with `csvParse` before being displayed with custom axis and shape legend components.

GGunna,Praneeth Reddy
91% 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
91% match
Loading thumbnail…

Activity6 tutorial 3.2

This example visualizes the classic Iris dataset as a scatter plot, mapping sepal length on the x-axis and petal length on the y-axis. Each species—setosa, versicolor, and virginica—appears as a distinct shape (circle, cross, or diamond) rendered as SVG paths using d3.symbol(). The code builds the chart with d3.scaleLinear for axes, d3.scaleOrdinal for shape mapping, and d3.axisBottom/axisLeft for ticks. A custom shapeLegend function creates a legend showing each species symbol. Data is loaded from a remote CSV via d3.csv.

Kkoushikkumarreddykoorapati@my.unt.edu
91% match