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!
Last modified 1mo ago