Blitzboard
Search…
Share

Share as a URL

Export into a zip file

This option exports a dataset and configuration settings into a single zip file. This is useful to keep the package permanently on your local disk and to share it with others.
Each zip package contains two files below:
  • graph.pg
  • config.js

Import from a zip file

Click the Import button in the menu bar, and upload a zip file previously exported.

Embed into your pages

This option exports a dataset, configuration settings, and essential JavaScript packages together. With this JavaScript file, you can embed the visualization into a HTML code as follows:
Load scripts in the header of the your html:
1
<link href='https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css' rel='stylesheet'>
2
<script src='https://unpkg.com/vis-network/standalone/umd/vis-network.min.js'></script>
3
<script src='https://cdn.jsdelivr.net/gh/g2glab/blitzboard/blitzboard.js'></script>
Copied!
Place div tag with id='graph':
1
<div style="width:100%; height: 1000px;" id='graph'></div>
Copied!
Download embed_pg.js, and load this file to your html (make sure other libraries above have been already loaded):
1
<script src='./embed_pg.js'></script>
Copied!
You can also call the API with graph data (in .pg format) and config:
1
let helloGraph = new HelloGraph(document.getElementById('graph'));
2
helloGraph.update(pg, config);
Copied!