@visdesignlab/trrack-vis

Index

Interfaces

Type aliases

Variables

Functions

Type aliases

Bundle

Bundle: { bunchedNodes: string[]; bundleLabel: string; metadata: any }

Type declaration

bunchedNodes: string[]
bundleLabel: string
metadata: any

BundleMap

BundleMap: {}

Type declaration

[key: string]: Bundle

Config

Config: { backboneGlyph: ReactChild; bundleGlyph: ReactChild; currentGlyph: ReactChild; regularGlyph: ReactChild }

Type declaration

backboneGlyph: ReactChild
bundleGlyph: ReactChild
currentGlyph: ReactChild
regularGlyph: ReactChild

EventConfig

EventConfig<E>: {}

Type parameters

E: string

Type declaration

[key: string]: Partial<Config>

ExtendedStratifiedMap

ExtendedStratifiedMap<T, S, A>: {}

Type parameters

Type declaration

[key: string]: ExtendedHierarchyNode<T, S, A>

LinkProps

LinkProps: {} & SVGProps<SVGLineElement>

StratifiedList

StratifiedList<T, S, A>: HierarchyNode<ProvenanceNode<T, S, A>>[]

Type parameters

StratifiedMap

StratifiedMap<T, S, A>: {}

Type parameters

Type declaration

[key: string]: HierarchyNode<ProvenanceNode<T, S, A>>

TreeNode

TreeNode: HierarchyNode<unknown>

Variables

Const container

container: string = style({alignItems: "center",justifyContent: "center",overflow: "auto",})

Const redoButtonStyle

redoButtonStyle: string = style({backgroundColor:"#768d87",borderRadius:"2px",border:"none",display:"inline-block",cursor:"pointer",color:"#ffffff",fontFamily:"Lato,Helvetica Neue,Arial,Helvetica,sans-serif",fontSize:"14px",padding:"5px 15px",$nest: {"&:hover": {backgroundColor: "#6c7c7c"},"&:disabled": {backgroundColor: "#a8b3b0"},"&:active": {backgroundColor: "#6c7c7c"}}})

Const undoButtonStyle

undoButtonStyle: string = style({backgroundColor:"#768d87",borderRadius:"2px",border:"none",display:"inline-block",cursor:"pointer",color:"#ffffff",fontFamily:"Lato,Helvetica Neue,Arial,Helvetica,sans-serif",fontSize:"14px",padding:"5px 15px",marginRight: "1px",marginLeft: "10px",$nest: {"&:hover": {backgroundColor: "#6c7c7c"},"&:disabled": {backgroundColor: "#a8b3b0"},"&:active": {backgroundColor: "#6c7c7c"}}})

Functions

BackboneNode

BackboneNode<T, S, A>(__namedParameters: { annotationContent: undefined | ((nodeId: StateNode<T, S, A>) => ReactChild); annotationOpen: number; bundleMap: undefined | {}; clusterLabels: boolean; current: boolean; duration: number; eventConfig: undefined | {}; exemptList: string[]; expandedClusterList: undefined | string[]; first: boolean; iconOnly: boolean; node: StateNode<T, S, A>; nodeMap: any; popupContent: undefined | ((nodeId: StateNode<T, S, A>) => ReactChild); radius: number; setAnnotationOpen: any; setExemptList: any; strokeWidth: number; textSize: number }): null | Element

- Defined in src/components/BackboneNode.tsx:33
Type parameters
- T
- S: string
- A
Parameters
- __namedParameters: { annotationContent: undefined | ((nodeId: StateNode<T, S, A>) => ReactChild); annotationOpen: number; bundleMap: undefined | {}; clusterLabels: boolean; current: boolean; duration: number; eventConfig: undefined | {}; exemptList: string[]; expandedClusterList: undefined | string[]; first: boolean; iconOnly: boolean; node: StateNode<T, S, A>; nodeMap: any; popupContent: undefined | ((nodeId: StateNode<T, S, A>) => ReactChild); radius: number; setAnnotationOpen: any; setExemptList: any; strokeWidth: number; textSize: number }
  - annotationContent: undefined | ((nodeId: StateNode<T, S, A>) => ReactChild)
  - annotationOpen: number
  - bundleMap: undefined | {}
  - clusterLabels: boolean
  - current: boolean
  - duration: number
  - eventConfig: undefined | {}
  - exemptList: string[]
  - expandedClusterList: undefined | string[]
  - first: boolean
  - iconOnly: boolean
  - node: StateNode<T, S, A>
  - nodeMap: any
  - popupContent: undefined | ((nodeId: StateNode<T, S, A>) => ReactChild)
  - radius: number
  - setAnnotationOpen: any
  - setExemptList: any
  - strokeWidth: number
  - textSize: number
Returns null | Element

DFS

DFS<T, S, A>(nodes: StratifiedMap<T, S, A>, node: string, depthMap: any, currentPath: string[]): void

- Defined in src/Utils/TreeLayout.ts:25
Type parameters
- T
- S
- A
Parameters
- nodes: StratifiedMap<T, S, A>
- node: string
- depthMap: any
- currentPath: string[]
Returns void

Const Link

Link(props: LinkProps): Element

- Defined in src/components/Link.tsx:5
Parameters
- props: LinkProps
Returns Element

ProvVis

ProvVis<T, S, A>(__namedParameters: { annotationContent: undefined | ((nodeId: StateNode<T, S, A>) => ReactChild); annotationHeight: number; backboneCircleRadius: number; backboneCircleStroke: number; backboneGutter: number; bundleMap: {}; changeCurrent: undefined | ((id: NodeID) => void); clusterLabels: boolean; clusterVerticalSpace: number; current: string; duration: number; ephemeralUndo: boolean; eventConfig: undefined | {}; gutter: number; height: number; iconOnly: boolean; linkWidth: number; nodeMap: {}; popupContent: undefined | ((nodeId: StateNode<T, S, A>) => ReactChild); prov: undefined | Provenance<T, S, A>; regularCircleRadius: number; regularCircleStroke: number; root: string; sideOffset: number; textSize: number; topOffset: number; undoRedoButtons: boolean; verticalSpace: number; width: number }): Element

- Defined in src/components/ProvVis.tsx:62
Type parameters
- T
- S: string
- A
Parameters
- __namedParameters: { annotationContent: undefined | ((nodeId: StateNode<T, S, A>) => ReactChild); annotationHeight: number; backboneCircleRadius: number; backboneCircleStroke: number; backboneGutter: number; bundleMap: {}; changeCurrent: undefined | ((id: NodeID) => void); clusterLabels: boolean; clusterVerticalSpace: number; current: string; duration: number; ephemeralUndo: boolean; eventConfig: undefined | {}; gutter: number; height: number; iconOnly: boolean; linkWidth: number; nodeMap: {}; popupContent: undefined | ((nodeId: StateNode<T, S, A>) => ReactChild); prov: undefined | Provenance<T, S, A>; regularCircleRadius: number; regularCircleStroke: number; root: string; sideOffset: number; textSize: number; topOffset: number; undoRedoButtons: boolean; verticalSpace: number; width: number }
  - annotationContent: undefined | ((nodeId: StateNode<T, S, A>) => ReactChild)
  - annotationHeight: number
  - backboneCircleRadius: number
  - backboneCircleStroke: number
  - backboneGutter: number
  - bundleMap: {}
    - [key: string]: Bundle
  - changeCurrent: undefined | ((id: NodeID) => void)
  - clusterLabels: boolean
  - clusterVerticalSpace: number
  - current: string
  - duration: number
  - ephemeralUndo: boolean
  - eventConfig: undefined | {}
  - gutter: number
  - height: number
  - iconOnly: boolean
  - linkWidth: number
  - nodeMap: {}
    - [key: string]: ProvenanceNode<T, S, A>
  - popupContent: undefined | ((nodeId: StateNode<T, S, A>) => ReactChild)
  - prov: undefined | Provenance<T, S, A>
  - regularCircleRadius: number
  - regularCircleStroke: number
  - root: string
  - sideOffset: number
  - textSize: number
  - topOffset: number
  - undoRedoButtons: boolean
  - verticalSpace: number
  - width: number
Returns Element

ProvVisCreator

ProvVisCreator<T, S, A>(node: Element, prov: Provenance<T, S, A>, callback?: undefined | ((id: NodeID) => void), buttons?: boolean, ephemeralUndo?: boolean, fauxRoot?: NodeID, config?: Partial<ProvVisConfig>): void

- Defined in src/components/ProvVisCreator.tsx:25
Type parameters
- T
- S: string
- A
Parameters
- node: Element
- prov: Provenance<T, S, A>
- Optional callback: undefined | ((id: NodeID) => void)
- Default value buttons: boolean = true
- Default value ephemeralUndo: boolean = false
- Default value fauxRoot: NodeID = prov.graph().root
- Default value config: Partial<ProvVisConfig> = {}
Returns void

UndoRedoButton

UndoRedoButton<T, S, A>(__namedParameters: { graph: undefined | ProvenanceGraph<T, S, A>; redoCallback: () => void; undoCallback: () => void }): null | Element

- Defined in src/components/UndoRedoButton.tsx:13
Type parameters
- T
- S: string
- A
Parameters
- __namedParameters: { graph: undefined | ProvenanceGraph<T, S, A>; redoCallback: () => void; undoCallback: () => void }
  - graph: undefined | ProvenanceGraph<T, S, A>
  - redoCallback: () => void
    - - (): void
      - Returns void
  - undoCallback: () => void
    - - (): void
      - Returns void
Returns null | Element

UndoRedoButtonCreator

UndoRedoButtonCreator<T, S, A>(node: Element, graph: ProvenanceGraph<T, S, A>, undoCallback: () => void, redoCallback: () => void): void

- Defined in src/components/ProvVisCreator.tsx:49
Type parameters
- T
- S: string
- A
Parameters
- node: Element
- graph: ProvenanceGraph<T, S, A>
- undoCallback: () => void
  - - (): void
    - Returns void
- redoCallback: () => void
  - - (): void
    - Returns void
Returns void

bundleTransitions

bundleTransitions(xOffset: number, yOffset: number, clusterOffset: number, backboneOffset: number, duration?: number, expandedClusterList: string[], stratifiedMap: any, nodeList: any[], annotationOpen: number, annotationHeight: number, bundleMap?: BundleMap): { enter: enter; leave: start; start: start; update: update }

- Defined in src/components/BundleTransitions.tsx:4
Parameters
- xOffset: number
- yOffset: number
- clusterOffset: number
- backboneOffset: number
- Default value duration: number = 500
- expandedClusterList: string[]
- stratifiedMap: any
- nodeList: any[]
- annotationOpen: number
- annotationHeight: number
- Optional bundleMap: BundleMap
Returns { enter: enter; leave: start; start: start; update: update }
- enter: enter
- leave: start
- start: start
- update: update

findBackboneBundleNodes

findBackboneBundleNodes(nodeMap: any, bundleMap?: BundleMap): string[]

- Defined in src/Utils/findBackboneBundleNodes.ts:3
Parameters
- nodeMap: any
- Optional bundleMap: BundleMap
Returns string[]

findBundleParent

findBundleParent(nodeId: string, bundleMap?: BundleMap): string[]

- Defined in src/Utils/findBundleParent.ts:3
Parameters
- nodeId: string
- Optional bundleMap: BundleMap
Returns string[]

getPathTo

getPathTo<T, S, A>(nodes: StratifiedMap<T, S, A>, from: string, to: string): string[]

- Defined in src/Utils/TreeLayout.ts:64
Type parameters
- T
- S
- A
Parameters
- nodes: StratifiedMap<T, S, A>
- from: string
- to: string
Returns string[]

getX

getX(width: number, xOffset: number, backboneOffset: number): number

- Defined in src/components/LinkTransitions.ts:106
Parameters
- width: number
- xOffset: number
- backboneOffset: number
Returns number

linkTransitions

linkTransitions(xOffset: number, yOffset: number, clusterOffset: number, backboneOffset: number, duration?: number, nodeList: any[], nodeMap: any, annotationOpen: number, annotationHeight: number, bundleMap?: BundleMap): { enter: enter; leave: start; start: start; update: update }

- Defined in src/components/LinkTransitions.ts:3
Parameters
- xOffset: number
- yOffset: number
- clusterOffset: number
- backboneOffset: number
- Default value duration: number = 500
- nodeList: any[]
- nodeMap: any
- annotationOpen: number
- annotationHeight: number
- Optional bundleMap: BundleMap
Returns { enter: enter; leave: start; start: start; update: update }
- enter: enter
- leave: start
- start: start
- update: update

nodeTransitions

nodeTransitions(xOffset: number, yOffset: number, clusterOffset: number, backboneOffset: number, duration?: number, nodeList: any[], nodeMap: any, annotationOpen: number, annotationHeight: number, bundleMap?: BundleMap): { enter: enter; leave: start; start: start; update: update }

- Defined in src/components/NodeTransitions.ts:5
Parameters
- xOffset: number
- yOffset: number
- clusterOffset: number
- backboneOffset: number
- Default value duration: number = 500
- nodeList: any[]
- nodeMap: any
- annotationOpen: number
- annotationHeight: number
- Optional bundleMap: BundleMap
Returns { enter: enter; leave: start; start: start; update: update }
- enter: enter
- leave: start
- start: start
- update: update

search

search<T, S, A>(nodes: StratifiedMap<T, S, A>, node: string, final: string, path: string[]): boolean

- Defined in src/Utils/TreeLayout.ts:76
Type parameters
- T
- S
- A
Parameters
- nodes: StratifiedMap<T, S, A>
- node: string
- final: string
- path: string[]
Returns boolean

translate

translate(x: number, y: number): string

- Defined in src/Utils/translate.ts:1
Parameters
- x: number
- y: number
Returns string

Const treeColor

treeColor(current?: undefined | false | true): string

- Defined in src/components/Styles.ts:3
Parameters
- Optional current: undefined | false | true
Returns string

treeLayout

treeLayout<T, S, A>(nodes: StratifiedMap<T, S, A>, current: string, root: string): string[]

- Defined in src/Utils/TreeLayout.ts:15
Type parameters
- T
- S
- A
Parameters
- nodes: StratifiedMap<T, S, A>
- current: string
- root: string
Returns string[]

Index

Interfaces

Type aliases

Variables

Functions

Type aliases

Bundle

Type declaration

bunchedNodes: string[]

bundleLabel: string

metadata: any

BundleMap

Type declaration

[key: string]: Bundle

Config

Type declaration

backboneGlyph: ReactChild

bundleGlyph: ReactChild

currentGlyph: ReactChild

regularGlyph: ReactChild

EventConfig

Type parameters

E: string

Type declaration

[key: string]: Partial<Config>

ExtendedStratifiedMap

Type parameters

T

S

A

Type declaration

[key: string]: ExtendedHierarchyNode<T, S, A>

LinkProps

StratifiedList

Type parameters

T

S

A

StratifiedMap

Type parameters

T

S

A

Type declaration

[key: string]: HierarchyNode<ProvenanceNode<T, S, A>>

TreeNode

Variables

Const container

Const redoButtonStyle

Const undoButtonStyle

Functions

BackboneNode

Type parameters

T

S: string

A

Parameters

annotationContent: undefined | ((nodeId: StateNode<T, S, A>) => ReactChild)

annotationOpen: number

bundleMap: undefined | {}

clusterLabels: boolean

current: boolean

duration: number

eventConfig: undefined | {}

exemptList: string[]

expandedClusterList: undefined | string[]

first: boolean

iconOnly: boolean

node: StateNode<T, S, A>

nodeMap: any

popupContent: undefined | ((nodeId: StateNode<T, S, A>) => ReactChild)

radius: number

setAnnotationOpen: any

setExemptList: any

strokeWidth: number

textSize: number

Returns null | Element

DFS

Type parameters

T