JavaScript/jQuery Sankey - Array Only

To bind the Sankey to an array, pass this array to the dataSource property. The array should contain objects with the source, target, and weight fields (default names). You can use the sourceField, targetField, and weightField properties to specify other names:

index.js
  • const sankeyData = [
  • { from: "Brazil", to: "Spain", weight: 4 },
  • { from: "Brazil", to: "Portugal", weight: 5 },
  • { from: "Brazil", to: "England", weight: 2 },
  • { from: "Canada", to: "Portugal", weight: 2 },
  • { from: "Canada", to: "England", weight: 1 },
  • { from: "Mexico", to: "Portugal", weight: 9 },
  • { from: "Mexico", to: "Spain", weight: 5 }
  • ];
  •  
  • $(function() {
  • $("#sankeyContainer").dxSankey({
  • dataSource: sankeyData,
  • sourceField: "from",
  • targetField: "to"
  • });
  • });

View Demo

See Also