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
<script src='https://unpkg.com/vis-network/standalone/umd/vis-network.min.js'></script>
2
<script src='https://cdn.jsdelivr.net/gh/blitzboard/blitzboard/blitzboard.js'></script>
3
<script src="https://code.iconify.design/2/2.0.4/iconify.min.js"></script>
Copied!
Place div tag with id='blitzboard':
1
<div style="width:100%; height: 500px;" id='blitzboard'></div>
Copied!
Download <name>_<datetime>.js, and add this file path after the items above:
1
<script src='./<name>_<datetime>.js'></script>
Copied!
You can also call the API with graph data (in .pg format) and config:
1
let blitzboard = new Blitzboard(document.getElementById('blitzboard'));
2
blitzboard.update(pg, config);
Copied!