時間軸產生器

📖 工具介紹

專案匯報、公司大事記、產品路線圖、個人履歷裡的經歷，只要涉及「什麼時候發生了什麼」，用時間軸表達最清楚。一行行的文字看不出節奏，排成軸之後，哪些階段密集、哪些階段空檔，一眼就能看出來。

這個工具的輸入方式很簡單：每行一個節點，寫成「日期,標題,描述」，貼上進去就自動產生時間軸，不用在範本裡手動拖框。日期支援常見寫法，節點會按時間先後自動排序——哪怕你輸入時順序是亂的，排出來也是對的。描述可以省略，只寫日期和標題也能用。

兩種走向可選：橫向適合節點少、要放進寬幅頁面或簡報的場景；縱向適合節點多、要放進文件或網頁的場景。配色、節點形狀（圓點、方塊、菱形）、連線樣式、字號、是否交替左右排布都可以調，改完立即重繪。標題、副標題、時間範圍會自動標在軸上。

匯出有三種：PNG 直接插圖，SVG 放進設計軟體繼續改，HTML 可以直接嵌進網頁或郵件——匯出的 HTML 是自帶樣式的獨立片段，貼進去就能顯示，不依賴外部資源。全部產生在瀏覽器本地完成，不聯網、不上傳。

✨ 功能特點

• 文字批次輸入：每行一個節點，逗號分隔日期、標題與描述。
• 自動排序：按日期先後重排，輸入順序混亂也能正確排列。
• 橫縱兩種走向：橫向適合寬幅頁面，縱向適合節點較多的文件。
• 樣式可調：配色方案、節點形狀、連線樣式、字號、是否左右交替。
• 節點管理：可逐個增刪節點，也能一鍵清空重填。
• 三種匯出：PNG 點陣圖、SVG 向量、HTML 可嵌入網頁的獨立片段。

🚀 使用方式

1. 在文字框按「日期,標題,描述」的格式逐行填寫節點。
2. 選擇橫向或縱向走向，以及配色與節點形狀。
3. 點產生，右側立即出現時間軸。
4. 需要微調時用節點列表增刪，或調整字號與交替排布。
5. 滿意後匯出 PNG、SVG 或 HTML 保存使用。

⚠️ 注意事項

• 日期格式：建議使用 2024-03-22 這樣的完整寫法，無法解析的日期會被排在末尾並標出。
• 節點數量：橫向走向超過 12 個節點會顯得擁擠，建議改用縱向。
• 描述長度：過長的描述會自動換行，但橫向模式下建議控制在兩行以內。
• HTML 匯出：匯出的片段自帶內聯樣式，貼到部分編輯器時可能被過濾，請先預覽。
• 不儲存內容：重新整理頁面後節點資料會清空，請及時匯出。