- OrgChart (Static)
- OrgChart Editor
- Family Tree
- Genogram
- Double Tree
- Mind Map
- Decision Tree
- IVR Tree
- Incremental Tree
- Parse Tree
- Tree View
- Tournament
- Local View
- Flowchart
- Block Editor
- Page Flow
- Process Flow
- System Dynamics
- State Chart
- Kanban Board
- Sequential Function
- Grafcet Diagrams
- Sequence Diagram
- Logic Circuit
- Record Mapper
- Data Flow
- Dynamic Ports
- Planogram
- Seating Chart
- Regrouping
- Pipes
- Draggable Link
- Links to Links
- Beat Paths
- Concept Map
- Euler Diagram
- Data Visualization
- Entity Relationship
- Friend Wheel
- Recentering Radial
- Radial Partition
- Distances and Paths
- Sankey
- PERT
- Gantt
- Shop Floor Monitor
- Kitten Monitor
- Grouping
- Layer Bands
- Swim Lanes
- UML Class
- Minimal
- Basic (editing)
- Class Hierarchy
- DOM Tree
- Visual Tree
- Shape Figures
- SVG Icons
- Arrowheads
- Navigation
- Update Demo
- Content Alignment
- HTML Interaction
- Context Menu
- Canvases
- Comments
- Grid Layout
- Tree Layout
- Force Directed
- Layered Digraph
- Circular Layout
- Interactive Force
- GoJS Extensions
- GoJS Projects
- Complete List
Iris-setosa
Sepal Length
4.5
Sepal Width
2.3
Petal Length
1.3
Petal Width
0.3
X-axis
Y-axis
This sample gives an example of a Diagram interacting with other HTML elements on the page.
As the mouse moves over the diagram, a formatted HTML DIV element displays information about the nearest Node.
The data displayed is from the Iris flower data set, describing the variations in dimensions of three related flower species.