import { embed } from '@nebula.js/stardust';
import shape from '@nebula.js/sn-shape';

// 'app' is an enigma app model
const embeddable = embed(app, {
  types: [{ // register the shape chart
    name: 'shape',
    load: () => Promise.resolve(shape);
  }]
});

embeddable.render({
  element,
  type: 'shape',
  properties: {
    shape: {
      type: "line",
      orientation: "vertical",
      style: {
        width: 3,
        color: {
          color: "#ff00ff",
        },
      }
    }
  }
});