All GoJS Samples

Below is a list of every GoJS sample and extension. See the samples index for a subset of this list with screenshots and short descriptions.

Samples:

Layout Extensions:

Fishbone.html, using FishboneLayout.js
PackedLayout.html, using PackedLayout.js
Parallel.html, using ParallelLayout.js
Serpentine.html, using SerpentineLayout.js
Spiral.html, using SpiralLayout.js
Table.html, using TableLayout.js
TreeMap.html, using TreeMapLayout.js
PackedHierarchy.html, using TreeMapLayout.js
samples/doubleTree.html and samples/doubleTreeJSON.html, using DoubleTreeLayout.js

Tool Extensions:

ColumnResizing.html, using ColumnResizingTool.js
CurvedLinkReshaping.html using CurvedLinkReshapingTool.js
DragCreating.html using DragCreatingTool.js
DragZooming.html using DragZoomingTool.js
FreehandDrawing.html using FreehandDrawingTool.js
GeometryReshaping.html using GeometryReshapingTool.js
GuidedDragging.html using GuidedDraggingTool.js
LinkLabelDragging.html using LinkLabelDraggingTool.js
LinkLabelOnPathDragging.html using LinkLabelOnPathDraggingTool.js
LinkShifting.html using LinkShiftingTool.js
NodeLabelDragging.html using NodeLabelDraggingTool.js
NonRealtimeDragging.html using NonRealtimeDraggingTool.js
OrthogonalLinkReshaping.html using OrthogonalLinkReshapingTool.js
OverviewResizing.html using OverviewResizingTool.js
PolygonDrawing.html using PolygonDrawingTool.js
PolylineLinking.html using PolylineLinkingTool.js
PortShifting.html using PortShiftingTool.js
RealtimeDragSelecting.html using RealtimeDragSelectingTool.js
ResizeMultiple.html using ResizeMultipleTool.js
RotateMultiple.html using RotateMultipleTool.js
SectorReshaping.html using SectorReshapingTool.js
SnapLinkReshaping.html using SnapLinkReshapingTool.js

CommandHandler Extensions:

Builder and Link Extensions:

BalloonLink.html using BalloonLink.js
ParallelRoute.html using ParallelRouteLink.js
CheckBoxes.html using predefined "CheckBox"s shown in Buttons.js
Dimensioning.html using DimensioningLink.js
Hyperlink.html using HyperlinkText.js
twoHalves.html using figures defined in RoundedRectangles.js
ScrollingTable.html using ScrollingTable.js
TextEditor.html using TextEditor.js TextEditorRadioButtons.js and TextEditorSelectBox.js

Miscellaneous Extensions:

DataInspector.html using DataInspector.js
DebugInspector.html using DebugInspector.js
FloorPlanEditor.html using DrawCommandHandler.js ResizeMultipleTool.js RotateMultipleTool.js and GuidedDraggingTool.js replaced by the new Floor Planner project.
FloorPlanMonitor.html replaced by the new Floor Planner project.
Robot.html using Robot.js
ZoomSlider.html using ZoomSlider.js

Storage Extensions:

GoCloudStorageManager.html using gcs.js; sources at ../projects/storage/src/GoCloudStorageManager.ts

Projects:

new Floor Planner (TypeScript), in the projects/floorplannerTS/ folder
old Floor Planner (JavaScript), in the projects/floorplanner/ folder
BPMN Editor, in the projects/bpmn/ folder
See more at Projects

Predefined, built-in functionality:

Arrowheads.js all shown by arrowheads.html
Buttons.js
Figures.js all shown by shapes.html
Templates.js
TextEditor.js

See the samples index for a subset of this list with screenshots and short descriptions.