timelinestoryteller
1.0.0
Timeline Storyteller adalah lingkungan penceritaan visual yang ekspresif untuk menyajikan garis waktu di browser atau di Microsoft Power BI.
Gunakan untuk menyajikan berbagai aspek data garis waktu menggunakan palet representasi garis waktu, skala, dan tata letak, serta kontrol untuk memfilter, menyorot, dan anotasi. Untuk mempelajari lebih lanjut tentang penelitian yang mendasari proyek ini, lihat timelinesrevisited.github.io , yang mencakup survei alat garis waktu dan lebih dari 200 garis waktu yang dipesan lebih dahulu.
Lihat contoh garis waktu dan cerita garis waktu yang dibuat dengan Timeline Storyteller.
Matius Brehmer
Bong Sin Lee
Nathalie Henry Riche
Darren Tepi
Christopher Putih
Kate Lytvynets
David Tittsworth
Kloning cabang utama repositori ini: git clone https://github.com/Microsoft/timelinestoryteller.git
Pastikan nodejs, npm, dan benang diinstal.
Buka terminal di root repositori dan instal modul simpul: yarn OR npm_install .
Bangun public/app/timelinestoryteller.js: npm test
Mulai server simpul: npm start
Buka localhost:8000
Kode sumber aplikasi dapat ditemukan di direktori src/.
Repositori ini berisi sumber Timeline Storyteller sebagai aplikasi web mandiri. Untuk menghasilkan visual kustom Timeline Storyteller untuk Power BI, lihat github.com/Microsoft/PowerBI-visuals-TimelineStoryteller.
Timeline Storyteller saat ini mendukung kumpulan data peristiwa dalam format CSV, JSON, atau Google Spreadsheet.
Setiap peristiwa ditentukan oleh atribut berikut:
Wajib : format start_date , tanggal: YYYY, YYYY-MM-DD, atau YYYY-MM-DD HH:MMZ (ISO 8601) didukung (Z diperlukan untuk menentukan UTC, jika tidak, HH:MM akan bergantung pada zona waktu). Tanggal BC diperbolehkan, misalnya -27, -13800000000
Opsional : end_date , tanggal: menggunakan format yang sama dengan start_date
Opsional : category , string yang sesuai dengan kategori acara (yang dikodekan Timeline Storyteller sebagai warna)
Opsional : facet , sebuah string yang sesuai dengan kategori acara lainnya (yang digunakan Timeline Storyteller untuk membuat tata letak garis waktu faceted; category dan facet dapat identik jika diinginkan)
Opsional : content_text , deskripsi string acara (yang dipaparkan Timeline Storyteller sebagai anotasi acara)
{ "start_date":"1775", "end_date":"1783", "content_text":"American Revolutionary War: an armed struggle for secession from the British Empire by the Thirteen Colonies that would subsequently become the United States.", "facet":"North America", "category":"North America" },
baris tajuk:
start_date,end_date,content_text,facet,category
contoh baris acara:
1775,1783,American Revolutionary War: an armed struggle for secession from the British Empire by the Thirteen Colonies that would subsequently become the United States.,North America,North America
Berikut adalah kumpulan data demo Rutinitas Harian Orang Kreatif Terkenal yang digunakan dalam demo Timeline Storyteller di Google Sheet.
Pastikan spreadsheet telah dipublikasikan (buka menu 'File' Google Spreadsheet, pilih 'Publikasikan ke Web').
Pastikan kolom start_date dan end_date diformat sebagai teks dan bukan sebagai tanggal (misalnya, '1926-06-29 ).
Wajib : URL Spreadsheet
Opsional : Judul lembar kerja (yaitu, nama tab) untuk kumpulan data ini: dailyroutines
Masukkan URL spreadsheet dan judul lembar kerja ke dalam dialog pemuatan Timeline Storyteller.
Perhatikan bahwa petunjuk penggunaan lebih rinci tersedia di timelinestoryteller.com
Memuat data garis waktu (kumpulan data demo, JSON, CSV, Google Spreadsheet) atau cerita garis waktu yang disimpan (JSON Blob dengan ekstensi .cdc; lihat langkah 6)
Pilih kombinasi representasi, skala, dan tata letak dari menu di bagian atas layar; hanya beberapa kombinasi yang valid; lihat panduan kami dalam memilih kombinasi yang sesuai untuk cerita Anda. Arahkan mouse ke opsi ini untuk melihat keterangan alat yang menjelaskan kegunaannya.
Edit kanvas
Klik pada acara untuk diberi anotasi dengan label content_text -nya; mengubah ukuran dan memposisikan ulang label; SHIFT + klik untuk menyorot acara tanpa menampilkan label.
Beri anotasi dengan keterangan dan gambar; mengubah ukuran dan memposisikan ulang keterangan dan gambar.
Filter acara berdasarkan kategori, faset, atau segmen. Filter dengan menyorot peristiwa yang cocok dengan penekanan (tidak menekankan peristiwa yang tidak cocok).
Anda juga dapat memfilter dengan menyembunyikan peristiwa yang tidak cocok.
Rekam kanvas saat ini sebagai sebuah adegan, yang mempertahankan label, keterangan, dan gambar. Masuk ke mode pemutaran, navigasikan ke adegan rekaman sebelumnya/berikutnya.
Ekspor kanvas saat ini sebagai PNG, SVG.
Ekspor adegan sebagai GIF animasi atau sebagai JSON Blob (ekstensi .cdc).
Pendongeng Garis Waktu
Hak Cipta (c) Microsoft Corporation
Semua hak dilindungi undang-undang.
Lisensi MIT
Izin dengan ini diberikan, secara cuma-cuma, kepada siapa pun yang memperoleh salinan perangkat lunak ini dan file dokumentasi terkait (Perangkat Lunak), untuk menangani Perangkat Lunak tanpa batasan, termasuk namun tidak terbatas pada hak untuk menggunakan, menyalin, memodifikasi, menggabungkan, menerbitkan , mendistribusikan, mensublisensikan, dan/atau menjual salinan Perangkat Lunak, dan mengizinkan orang yang menerima Perangkat Lunak untuk melakukan hal tersebut, dengan tunduk pada ketentuan berikut:
Pemberitahuan hak cipta di atas dan pemberitahuan izin ini akan disertakan dalam semua salinan atau sebagian besar Perangkat Lunak.
PERANGKAT LUNAK INI DISEDIAKAN SEBAGAIMANA ADANYA , TANPA JAMINAN APA PUN, TERSURAT MAUPUN TERSIRAT, TERMASUK NAMUN TIDAK TERBATAS PADA JAMINAN KELAYAKAN UNTUK DIPERDAGANGKAN, KESESUAIAN UNTUK TUJUAN TERTENTU, DAN TIDAK ADA PELANGGARAN. DALAM KEADAAN APA PUN PENULIS ATAU PEMEGANG HAK CIPTA TIDAK BERTANGGUNG JAWAB ATAS KLAIM, KERUSAKAN, ATAU TANGGUNG JAWAB LAINNYA, BAIK DALAM TINDAKAN KONTRAK, HUKUM ATAU LAINNYA, YANG TIMBUL DARI, ATAU SEHUBUNGAN DENGAN PERANGKAT LUNAK ATAU PENGGUNAAN ATAU HAL-HAL LAIN DALAM PERANGKAT LUNAK.
Jika Anda menggunakan Timeline Storyteller untuk membuat timeline makalah penelitian, Anda dapat mengutip kami dengan dua cara. Anda dapat mengutip alat itu sendiri:
@misc{TimelineStoryteller, author = {Matthew Brehmer and Bongshin Lee and Nathalie Henry Riche and Darren Edge and Christopher White and Kate Lytvynets and David Tittsworth}, title = {Microsoft Timeline Storyteller}, year = {2017}, note = {url{https://timelinestoryteller.com}} }
Atau Anda dapat mengutip makalah jurnal terbaru kami tentang ruang desain garis waktu:
@article{Brehmer2016, author = {Matthew Brehmer and Bongshin Lee and Benjamin Bach and Nathalie Henry Riche and Tamara Munzner}, title = {Timelines Revisited: A Design Space and Considerations for Expressive Storytelling}, journal = {IEEE Transactions on Visualization and Computer Graphics (TVCG)}, year = {2017}, volume = {23}, issue = {9}, pages = {2151--2164}, doi = {10.1109/TVCG.2016.2614803}, ISSN = {1077-2626} }
Bagan Biografi Priestley
Para Filsuf Besar sejak Abad ke-8 SM
Kerajaan Terbesar dalam Sejarah
Dinasti Asia Timur
Epidemi sejak abad ke-14
Perdana Menteri Kanada
Presiden Perancis
Kanselir Jerman
Presiden Italia
Perdana Menteri Jepang
Perdana Menteri Inggris
Presiden Amerika
Badai C4-5: 1960-2010
Rutinitas Sehari-hari Orang Kreatif Terkenal - 'Memvisualisasikan kehidupan pelukis' oleh Accurat
'Dari pertama kali diterbitkan hingga mahakarya' oleh Accurat
'Hitung Mundur Menuju Singularitas' Kurzweil
'Perspektif Tepat Waktu' oleh mayra.artes untuk Tunggu Tapi Mengapa
'Kehidupan Orang Amerika yang Khas' oleh Tim Urban untuk Wait But Why
Semua Ikon CC BY 3.0, berdasarkan nama dan penulis:
tanda centang (Arthur Shlain)
kalender (Kiril Tomilov)
garis waktu (Alecander Bickov)
file gif (Pranav Grover)
file png (Pranav Grover)
file svg (Pranav Grover)
file json (Pranav Grover)
file csv (Pranav Grover)
mengemudi (Denis Klyuchnikov)
jaringan (Doejo)
folder (ikonoci)
filter (Shell Kreatif)
gambar (Shell Kreatif)
tanda kutip (Veronika Krpciarova)
pin (Alexandr Cherkinsky)
penghapus (Terrence Kevin Oleary)
tidak terlihat (Anak A)
buku (Setyo Ari Wibowo)
