Tinderbox 7 Icon

Exporting to HTML

The Embed button on the view's top toolbar, allows export of the current Timeline view's data as an HTML snippet which can be added to a web page to display the data using the HTML5 <canvas> tag. The event data is exported in JSON form. Clicking the Embed button opens the Timeline code export dialog.

The implementation is designed as a cut/paste experience suitable for experienced web users to quickly get data visible online. It is also intended for small amounts of data (i.e. not hundreds of events). As such, the HTML version does not exactly replicate, colours, shapes, etc., from the source Timeline view. Any styling customisation would involve the user editing the exported code. Tinderbox does not, as yet, offer a way for the user to customise the look and feel of the HTML.

The code copied to the clipboard is intended to go into (exported) HTML code rather than a Tinderbox Export template, i.e. used in a file outside the TBX. If using the latter method, export the Timeline code verbatim using ^text(plain)^ or ^value($Text)^; do not use ^text^ as this will cause changes in the timeline code snippet causing it not to work. In this context, the best approach is to place the code in a note of its own and use an include as that way other parts of the export can use normal export code functions.

For larger data sets or more complex display needs, users will likely need to further edit the pasted code to meet their particular needs.

The Timeline data export process is currently at an early stage and likely to evolve.