Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Document

Public visualization

Viewing a saved revision (read-only)

4f217bec16804fbbaac638bc55bdf939

Document

0 stars0🌍 Public
Tthemis223
Last edited Jun 8, 2023
Created on Jun 8, 2023
Forked from Hello VizHub

This example demonstrates a graph network visualization using Cytoscape.js, rendered as an interactive SVG-like canvas within a styled div. It shows four nodes connected by three directed edges, with nodes colored blue and labeled by their IDs, while edges appear as black lines with triangle arrowheads. The code initializes the graph via the `cy()` function, specifying node positions, a grid layout, and interaction options like zooming and panning. It loads Cytoscape from UNPKG and includes local ES6 module usage, though the imported message remains unused.

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.