Oto prosty przykład możliwości TimelineJS, wykorzystanej do stworzenia interaktywnego CV, bardziej oczywiste zastosowania aplikacji pozwalają na stworzenie kalendarium, relacji czy choćby ilustracji zachodzących procesów. Utworzenie tego efektownego gadżetu nie wymaga znajomości HTML-a ani nawet Excella, wystarczy własnymi danymi wypełnić odpowiednie komórki.
Rozpoczynamy od wejścia na stronę http://timeline.knightlab.com/, na której klikamy zielony przycisk "make a timeline now", a następnie klikamy "Google Spreadsheet Template". Jeśli masz konto na gmailu w nowej karcie otworzy się przykładowy i wypełniony arkusz Timeline JS. Możesz wykorzystać go jako szablon. Wystarczy, że w lewym górnym rogu klikniesz "Use this template".
Odpowiednie komórki wypełniasz własnymi danymi, pamiętaj przy tym, że w formacie daty funkcjonuje tu zapis miesiąc/dzień/rok oraz że styczeń to "1", a nie "01". Aplikacja odczytuje tweety, grafiki i filmy, wystarczy podać link prowadzący do wybranych mediów.
Przycisk "more options" pozwala wybrać język linii czasu (aplikacja obsługuje język polski), rodzaje map, fontów oraz miejsca, w jakim rozpoczynać będzie się prezentacja. Po wybraniu satysfakcjonujących Cię opcji kliknij niebieski przycisk "Preview" przy punkcie numer 4. Jeśli efekt Twojej pracy Cię satysfakcjonuje możesz skopiować kod w ramce i wkleić go na swoją stronę/blog w edytorze HTML.
Voilà! Linia czasu została zagnieżdżona na Twojej witrynie.