myData = [
// Outdoor Air
{
Path : "OA > OA Damper > Filter > Heat/Cool"
},
// Wings
{
Path: "Heat/Cool > Wing A"
},
{
Path: "Heat/Cool > Wing B"
},
{
Path: "Heat/Cool > Wing C"
},
//Rooms
{
Path:"Wing A > Room 1 Supply Fan"
},
{
Path:"Wing A > Room 2 Supply Fan"
},
{
Path:"Wing A > Room 3 Supply Fan"
},
// Occupants
{
Path: "Room 1 Supply Fan > Occupant A"
},
{
Path: "Room 1 Supply Fan > Occupant B"
},
{
Path: "Room 1 Supply Fan > Occupant C"
},
// Occupants + HEPA
{
Path: "Occupant A > Breathing Zone > HEPA > Breathing Zone"
},
{
Path: "Occupant B > Breathing Zone > HEPA > Breathing Zone"
},
{
Path: "Occupant C > Breathing Zone > HEPA > Breathing Zone"
},
// HEPA
{
Path: "HEPA > Occupant A"
},
{
Path: "HEPA > Occupant B"
},
{
Path: "HEPA > Occupant C"
},
{
Path: "HEPA > Return"
},
// Recirculation etc.
{
Path: "Breathing Zone > Return > Wing A > OA Damper > OA"
},
//
{
Path: "Breathing Zone > Return > Wing A > OA Damper > Filter"
}
]
import {nodes, edges}
with {
myData as selectedData,
process as dataProcess
}
from "@spandl/sankey-vs-tree-data"
{
const chart = new SankeyPlus.SankeyChart(sankeyConfig);
chart.process();
chart.draw("chart");
return "You just did it!";
}
SankeyPlus = require('sankey-plus@0.3.0/dist/sankeyPlus.js')
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
