Anomaly Explorer Event Graph

anomaly-explorer-event-graph.dot

digraph G {
  graph [fontname = "helvetica" pad=".5"];
  node [fontname = "helvetica" shape="underline"]
  edge [fontname = "helvetica" color="grey"];

  "explorer_controller.js" -> "$scope" -> "$scope.appState"

  "$scope.appState" -> "ACTION.INITIALIZE"

  "timerangeListener" -> "ACTION.RELOAD"
  "autorefreshListener" -> "ACTION.RELOAD"

  "explorer_controller.js" -> "explorer.html"

  "explorer.html" -> "<job-select-button />"
  "explorer.html" -> "<filter-bar />"
  "explorer.html" -> "<ml-explorer-react-wrapper />"

  "<ml-explorer-react-wrapper />" -> "ACTION.LOAD_JOBS" -> "mlJobService.loadJobs()"

  "<job-select-button />" -> "listenJobSelectionChange" -> "ACTION.JOB_SELECTION_CHANGE"
  
  "mlJobService.loadJobs()" -> "ACTION.INITIALIZE" -> "<Explorer />.updateExplorer()"
  "explorer_controller.js" -> "autorefreshListener"
  "explorer_controller.js" -> "timerangeListener"
  "explorer_controller.js" -> "redrawOnResize" -> "ACTION.REDRAW" -> "<Explorer />.updateExplorer()"

  "ACTION.RELOAD" -> "<Explorer />.updateExplorer()"
  "ACTION.RELOAD" -> "APP_STATE.CLEAR_SELECTION"

  "ACTION.JOB_SELECTION_CHANGE" -> "APP_STATE.CLEAR_SELECTION"
  "ACTION.JOB_SELECTION_CHANGE" -> "<Explorer />.updateExplorer()"

  ".swimlaneLimitListener()" -> "<Explorer />.updateExplorer()"
  ".setSwimlaneViewBy()" -> "<Explorer />.updateExplorer()"

  "<Explorer />.updateExplorer()" -> ".loadOverallData()\n.loadAnnotationsTableData()\n.loadViewBySwimlane()\n.loadTopInfluencers()\n.updateCharts()\n.loadDataForCharts()\n.loadAnomaliesTableData()" -> "<Explorer />.render()"
  "<Explorer />.updateExplorer()" -> "APP_STATE.SAVE_VIEW_BY"

  "<Explorer />.render()" -> "<ExplorerSwimlane />"

  "<ExplorerSwimlane />" -> ".swimlaneCellClick(selection)"
  "<ExplorerSwimlane />" -> ".swimlaneCellClick({})"
  
  "<Explorer />.render()" -> "<EuiSelect id=\"selectViewBy\" />"
  "<EuiSelect id=\"selectViewBy\" />" -> ".setSwimlaneViewBy()"
  
  "<Explorer />.render()" -> "<SelectLimit />"
  "<SelectLimit />" -> ".swimlaneLimitListener()"
  
  "<Explorer />.render()" -> "<AnnotationsTable />\n<AnomaliesTable />\n<InfluencersList />"

  ".swimlaneCellClick(selection)" -> "APP_STATE.SAVE_SELECTION"
  ".swimlaneCellClick({})" -> "APP_STATE.CLEAR_SELECTION"
  ".swimlaneCellClick(selection)" -> "<Explorer />.updateExplorer()"
  ".swimlaneCellClick({})" -> "<Explorer />.updateExplorer()"

  ".swimlaneLimitListener()" -> "APP_STATE.CLEAR_SELECTION"

  ".setSwimlaneViewBy()" -> "APP_STATE.CLEAR_SELECTION"
  
  "APP_STATE.SAVE_SELECTION" -> "$scope.appState"
  "APP_STATE.CLEAR_SELECTION" -> "$scope.appState"
  "APP_STATE.SAVE_VIEW_BY" -> "$scope.appState"

}