[ASTERIXDB-2863] Interactive Query Plan Viewer

• Type: New Feature
• Status: Closed
• Priority: Major
• Resolution: Done
• Component/s: DASH- Dashboard
• Epic Link: AsterixDB Query Dashboard Mk.2
• Assignee: Unassigned
• Reporter: Miles Hong
• Created: 03/Apr/21 17:57
• Updated: 03/Apr/21 18:04
• Resolved: 03/Apr/21 17:57

Description

Decided to abandon previous query plan viewer as it did not support query plans that were directed acyclic graphs (DAG). We will utilize ngx-graph library in order to display an interactive query plan that supports DAGs.

Features:

• Can swap between Bottom to Top and Top to Bottom plan orientations
• Colored nodes (by operator)
• Zoom out to fit whole plan
• Zoom and drag through the plan
• Traverse the operators or jump to nodes in a Depth First Search (DFS) fashion
• Detailed mode (contains more information per node)
  • Search using string match
  • By variables navigation
    • Jump to and from variable declaration
• Clear all selections and reset the interactive plan