timelinestoryteller下載timelinestoryteller原始碼下載

timelinestoryteller

其他源碼

1.0.0

下載

時間軸說故事的人

Timeline Storyteller 是一種富有表現力的視覺敘事環境，用於在瀏覽器或 Microsoft Power BI 中呈現時間軸。

使用它透過時間軸表示、比例和佈局的調色板以及用於過濾、突出顯示和註釋的控制項來呈現時間軸資料的不同方面。 revisited.github.io ，其中包括對時間軸工具的調查和 200 多個客製化時間軸。

請參閱這些使用 Timeline Storyteller 製作的時間軸和時間軸故事的範例。

專案團隊

馬修·布雷默
李奉信
娜塔莉·亨利·里奇
達倫·埃奇
克里斯多福懷特
凱特·利特維涅茨
大衛‧蒂茨沃斯

設定/測試

複製此儲存庫的主分支： git clone https://github.com/Microsoft/timelinestoryteller.git
確保安裝了nodejs、npm 和yarn。
在儲存庫的根目錄中開啟終端並安裝節點模組： yarn或npm_install 。
建置 public/app/timelinestoryteller.js： npm test
啟動節點伺服器： npm start
開啟本機：8000

應用程式原始碼可以在 src/ 目錄中找到。

時間軸故事講述者 Power BI 自訂視覺效果

此儲存庫包含作為獨立 Web 應用程式的 Timeline Storyteller 的原始程式碼。若要為 Power BI 產生 Timeline Storyteller 自訂視覺對象，請參閱 github.com/Microsoft/PowerBI-visuals-TimelineStoryteller。

準備您的數據

Timeline Storyteller 目前支援 CSV、JSON 或 Google 試算表格式的事件資料集。

每個事件由以下屬性指定：

必需： start_date ，日期：YYYY、YYYY-MM-DD 或 YYYY-MM-DD HH:MMZ (ISO 8601) 格式支援（Z 是指定 UTC 所必需的，否則 HH:MM 將取決於時區）。允許 BC 日期，例如 -27、-13800000000
可選： end_date ，日期：使用與start_date相同的格式
可選： category ，與事件類別相對應的字串（Timeline Storyteller 將其編碼為顏色）
可選： facet ，對應於事件的另一個類別的字串（Timeline Storyteller 使用它來建立分面時間軸佈局；如果需要， category和facet可以相同）
可選： content_text ，事件的字串描述（Timeline Storyteller 將其公開為事件註釋）

JSON 格式的事件範例：

{ "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" },

CSV 中的範例事件：

標題行：

start_date,end_date,content_text,facet,category

事件行範例：

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

範例 CSV/Google 電子表格

以下是 Google 表格中 Timeline Storyteller 示範中使用的 The Daily Routines of Famous Creative People 示範資料集。

確保電子表格已發布（開啟 Google 試算表「文件」選單，選擇「發佈到網路」）。
確保start_date和end_date列的格式設定為文字而不是日期（例如'1926-06-29 ）。
必需：電子表格 URL
可選：此資料集的工作表標題（即選項卡名稱）： dailyroutines
在 Timeline Storyteller 的載入對話方塊中輸入電子表格 URL 和工作表標題。

用法

請注意，更詳細的使用說明可在timelinestoryteller.com 上找到。

載入時間軸資料（示範資料集、JSON、CSV、Google 試算表）或已儲存的時間軸故事（副檔名為 .cdc 的 JSON Blob；請參閱步驟 6）
從螢幕頂部的選單中選擇表示、比例和佈局的組合；僅部分組合有效；請參閱我們為您的故事選擇適當組合的指南。將滑鼠懸停在這些選項上以查看描述它們如何有用的工具提示。
編輯畫布

按一下事件以使用其content_text標籤進行註釋；調整標籤大小和重新定位； SHIFT + 按一下可反白顯示事件而不顯示標籤。
用標題和圖像進行註釋；調整標題和圖像的大小和位置。
按類別、方面或細分過濾事件。透過突出顯示強調匹配事件（不強調不匹配事件）進行過濾。
您也可以透過隱藏不匹配的事件來進行過濾。

將目前畫布記錄為場景，其中保留標籤、標題和圖像。進入播放模式，導航到上一個/下一個錄製的場景。
將目前畫布匯出為 PNG、SVG。
將場景匯出為動畫 GIF 或 JSON Blob（.cdc 副檔名）。

執照

時間軸說故事的人

麻省理工學院許可證

特此免費授予任何獲得本軟體和相關文件文件（以下簡稱「軟體」）副本的人不受限制地使用本軟體，包括但不限於使用、複製、修改、合併、發布的權利、分發、再授權和/或出售本軟體的副本，並允許向其提供本軟體的人員這樣做，但須滿足以下條件：

本軟體按原樣提供，不提供任何明示或暗示的保證，包括但不限於適銷性、特定用途的適用性和不侵權的保證。 IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE軟體.

致謝

引用我們的話

如果您使用 Timeline Storyteller 為研究論文制定時間線，您可以透過兩種方式引用我們。您可以引用該工具本身：

@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}} }

或者您可以引用我們最近關於時間軸設計空間的期刊論文：

@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} }