Skip to content
Vega-Lite templates

Match Win-Probability Flow

Win-probability over time, two teams.

Template previewVega-Lite
Rendering…

Make it your own.

{
  "$schema":"https://vega.github.io/schema/vega-lite/v5.json",
  "data":{"values":[
    {"m":0,"t":"Home","p":0.5},{"m":0,"t":"Away","p":0.5},
    {"m":15,"t":"Home","p":0.62},{"m":15,"t":"Away","p":0.38},
    {"m":30,"t":"Home","p":0.45},{"m":30,"t":"Away","p":0.55},
    {"m":45,"t":"Home","p":0.55},{"m":45,"t":"Away","p":0.45},
    {"m":60,"t":"Home","p":0.72},{"m":60,"t":"Away","p":0.28},
    {"m":75,"t":"Home","p":0.65},{"m":75,"t":"Away","p":0.35},
    {"m":90,"t":"Home","p":0.88},{"m":90,"t":"Away","p":0.12}
  ]},
  "mark":{"type":"area","interpolate":"monotone"},
  "encoding":{
    "x":{"field":"m","type":"quantitative","title":"Minute"},
    "y":{"field":"p","type":"quantitative","title":"Win probability","stack":"normalize","axis":{"format":"%"}},
    "color":{"field":"t","type":"nominal","scale":{"range":["#3666ff","#dc2626"]}}
  },
  "width":520,"height":260
}