Widgets: Publish a widget

Here we will learn how to create a widget starting from a visualization. We first use the POST /api/:dataSource/visualizations API to create a visualization. Then, we use the PATCH /api/:dataSource/visualizations API to apply an automatic layout to the nodes belonging to the newly created visualization. Finally, with the POST /api/widget API we publish the visualization as a widget.

// first, we expand the node 47999 and we found its neighborhood
request.post({
  uri: 'https://crunchbase.linkurio.us/api/e7900d9b/graph/nodes/expand',
  auth: {
    user: 'student@linkurio.us',
    pass: '892d5941dc3da9eeb92f32d71e5e5dc5'
  },
  body: {
    ids: ["47999"]
  }
}, function(err, expandNodeRes) {
  // then, we create a visualization containing all the nodes and edges that the previous request returned
  request.post({
    uri: 'https://crunchbase.linkurio.us/api/e7900d9b/visualizations',
    body: {
      title: 'my visualization',
      layout: {algorithm: 'force', mode: 'fast'},
      nodes: expandNodeRes.body.nodes.map(function(o) {
        return {
          id: o.id,
          data: {geo: {}}, attributes: {layoutable: true, x: 0, y: 0}
        };
      }).concat({
        // we also add the node we expanded from
        id: "47999",
        data: {geo: {}}, attributes: {layoutable: true, x: 0, y: 0}
      }),
      edges: expandNodeRes.body.edges.map(function(o) {
        return {
          id: o.id,
          attributes: {}
        };
      })
    },
    auth: {
      user: 'student@linkurio.us',
      pass: '892d5941dc3da9eeb92f32d71e5e5dc5'
    },
  }, function(err, postVisRes) {
    var visualizationID = postVisRes.body.id;
    // then, we apply an automatic layout to our visualization (necessary step for creating a widget)
    request.patch({
      uri: 'https://crunchbase.linkurio.us/api/e7900d9b/visualizations/' + visualizationID,
      body: {
        doLayout: true
      },
      auth: {
        user: 'student@linkurio.us',
        pass: '892d5941dc3da9eeb92f32d71e5e5dc5'
      }
    }, function (err, patchVisRes) {
      // finally, we create a widget from the visualization
      request.post({
        uri: 'https://crunchbase.linkurio.us/api/widget',
        body: {
          visualization_id: visualizationID
        },
        auth: {
          user: 'student@linkurio.us',
          pass: '892d5941dc3da9eeb92f32d71e5e5dc5'
        }
      }, function(err, postWidgetRes) {
        console.log('Widget populated by the node 47999 and its neighborhood');
        var widgetUrl = 'https://crunchbase.linkurio.us/widget/' + postWidgetRes.body;

console.log('Click here to open it: ' + widgetUrl);
      });
    });
  });
});

Previous Next