# Share

## Export into a zip file (PG & Config)

![](https://2178530904-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGKJlmgxq3i9O9wwvIlj1%2Fuploads%2Fgit-blob-a329405631be41905edadf399fcd6519ee893a6b%2Fscreenshot_share.png?alt=media)

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.

![](https://2178530904-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGKJlmgxq3i9O9wwvIlj1%2Fuploads%2Fgit-blob-c1f9dc2702e45572ad882eb42f431cae88fe9d04%2Fscreenshot_import.png?alt=media)

## Embed into your pages

![](https://2178530904-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGKJlmgxq3i9O9wwvIlj1%2Fuploads%2Fgit-blob-be89127d2cec44a9199c0b69d5b5f0b566da08b5%2Fscreenshot_embed.png?alt=media)

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:

```html
<script src="https://cdn.jsdelivr.net/gh/blitzboard/blitzboard/dist/blitzboard.bundle.min.js"></script>
```

Place div tag with `id='blitzboard'`:

```html
<div style="width:100%; height: 500px;" id="blitzboard"></div>
```

Download `<name>_<datetime>.js`, and add this file path after the items above:

```html
<script src="./<name>_<datetime>.js"></script>
```

You can also call the API with graph data (in .pg format) and config:

```javascript
let blitzboard = new Blitzboard(document.getElementById("blitzboard"));
blitzboard.update(pg, config);
```