<commit_before>---
layout: default
---

{{ site.title }} is a system for making timelines. It builds on the excellent work
done in the [Timeline JS](https://timeline.knightlab.com/) and
[vis.js](http://visjs.org/) projects to make a system for creating timelines
that can accommodate hundreds of entries. The goal is to provide a high-level
overview of large and complex timelines, without sacrificing detail and context.

<div class="click-to-use page-width" style="height:800px;">
  <iframe class="embedded-timeline" src="https://jaguillette.github.io/fabulousTime/timeline?tl_sheet=1hkZCGEEIeNusMHSHPOT30VgsgMVFQoTb0scEJixeEF4" height="800px" width="100%"></iframe>
</div>

<a href="https://jaguillette.github.io/fabulousTime/timeline?tl_sheet=1hkZCGEEIeNusMHSHPOT30VgsgMVFQoTb0scEJixeEF4" target="_blank">View in new window</a>

Your data is stored in a Google Sheet, and displayed on the web with Javascript.
The following tutorials will get you up and running with a new timeline, so that
you can add entries to the timeline and see how it changes.

# So, how do you want to work?

[I'm working on my own timeline](#solo)

[I want to make a collaborative timeline](#collab)

<h2 id="solo">Making Your Own Timeline</h2>

### Setting up your spreadsheet

Start with the spreadsheet template from Timeline JS, which you can get a copy of in your Google Drive by clicking [this link](https://docs.google.com/spreadsheets/d/1pHBvXN7nmGkiG8uQSUB82eNlnL8xHu6kydzH_-eguHQ/copy).

For information on working with your spreadsheet, see the [Timeline JS help documentation](https://timeline.knightlab.com/#help).
<commit_msg>relative link, changed timeline source<commit_after>---
layout: default
---

{{ site.title }} is a system for making timelines. It builds on the excellent work
done in the [Timeline JS](https://timeline.knightlab.com/) and
[vis.js](http://visjs.org/) projects to make a system for creating timelines
that can accommodate hundreds of entries. The goal is to provide a high-level
overview of large and complex timelines, without sacrificing detail and context.

<div class="click-to-use page-width" style="height:800px;">
  <iframe class="embedded-timeline" src="timeline?tl_sheet=1IaXt5MT0CcFZkiyasZXHDzh80cdVMmfhQYhYjUYgKTM" height="800px" width="100%"></iframe>
</div>

<a href="timeline?tl_sheet=1IaXt5MT0CcFZkiyasZXHDzh80cdVMmfhQYhYjUYgKTM" target="_blank">View in new window</a>

Your data is stored in a Google Sheet, and displayed on the web with Javascript.
The following tutorials will get you up and running with a new timeline, so that
you can add entries to the timeline and see how it changes.

# So, how do you want to work?

[I'm working on my own timeline](#solo)

[I want to make a collaborative timeline](#collab)

<h2 id="solo">Making Your Own Timeline</h2>

### Setting up your spreadsheet

Start with the spreadsheet template from Timeline JS, which you can get a copy of in your Google Drive by clicking [this link](https://docs.google.com/spreadsheets/d/1pHBvXN7nmGkiG8uQSUB82eNlnL8xHu6kydzH_-eguHQ/copy).

For information on working with your spreadsheet, see the [Timeline JS help documentation](https://timeline.knightlab.com/#help).

{'fraction_non_alphanumeric': 0.0978295061340044, 'fraction_numerical': 0.017615602390688895, 'mean_word_length': 5.3220675944334, 'pattern_counts': {'":': 0, '<': 19, '<?xml version=': 0, '>': 19, 'https://': 8, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6147966', 'n_tokens_mistral': 1085, 'n_tokens_neox': 1007, 'n_words': 360}