Skip to content
Vega templates

Parallel coordinates

Multi-dimensional comparison across normalised axes.

Template previewVega
Rendering…

Make it your own.

{
  "$schema":"https://vega.github.io/schema/vega/v5.json",
  "width":420,"height":260,"padding":20,"autosize":"none",
  "data":[{"name":"table","values":[
    {"i":1,"perf":92,"power":70,"cost":65,"size":40,"group":"A"},
    {"i":2,"perf":78,"power":55,"cost":80,"size":60,"group":"A"},
    {"i":3,"perf":85,"power":90,"cost":45,"size":35,"group":"B"},
    {"i":4,"perf":60,"power":40,"cost":70,"size":85,"group":"B"}
  ]}],
  "scales":[
    {"name":"x","type":"point","range":"width","domain":["perf","power","cost","size"]},
    {"name":"yperf","zero":false,"range":"height","domain":[0,100]},
    {"name":"color","type":"ordinal","domain":["A","B"],"range":{"scheme":"set1"}}
  ],
  "axes":[
    {"orient":"left","scale":"yperf","title":"value"}
  ],
  "marks":[
    {"type":"group","from":{"data":"table"},
      "marks":[{
        "type":"line",
        "encode":{"enter":{
          "x":{"scale":"x","field":"perf"},"x2":{"scale":"x","field":"power"},
          "stroke":{"scale":"color","field":"group"},"strokeWidth":{"value":2}
        }}
      }]},
    {"type":"line","from":{"data":"table"},
      "encode":{"enter":{
        "x":{"scale":"x","datum":"perf"},"x2":{"scale":"x","datum":"power"},
        "x3":{"scale":"x","datum":"cost"},"x4":{"scale":"x","datum":"size"}
      }}}
  ]
}