Decision Tree App

What is a decision tree?

A decision tree (DT) is a decision support tool that uses a tree-like model of decisions and their possible consequences, including chance event outcomes, resource costs, and utility. It is one way to display an algorithm that only contains conditional control statements. (read more)

Here is a quick examlpe: The diagram below shows a decision tree which predicts how to make the journey to work ("Journey to Work")

Entities

Each decision tree here is made up of nodes (leaf) and connections (branch)

Examples

Currently this web app is in a read only mode. You can load in new decision trees by writing YAML specifications and using the upload form here.

Below is how the cat DT example is added.

title: cat
description: my cat's thought process
steps:
  root:
    text: Is that for me?
    connections:
      - dstId: noCare
        text: yes
      - dstId: youWrong
        text: no.
  noCare:
    text: I don't want it.
  youWrong:
    text: That's for me.

TODO list

• [ ] mermaid.js for visualizing trees
• [ ] need a name
• [ ] add a more sohpisticated dt.
• [ ] auto list samples in upload.
• [ ] description on homepage?
• [x] mobile friendly
  • use native CSS grids
• [x] add real id to DT
• load from (yaml/json) file
• [x] add data loading
• [ ] add tooling to create new DT (CLI or UI)
• [x] improve state management
• [ ] improve UI
  • [x] mobile ready
  • material-ui
• better connection/DT visualization
• [ ] re-enable mutations
  • editing steps and connections
  • adding steps and connections