Parallel coordinates
Multi-dimensional comparison across normalised axes.
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"}
}}}
]
}