UStackUStack
CRIN icon

CRIN

CRIN 是免費互動式 AI 學習網站,用動畫視覺化方式示範 Transformer 如何處理文字:分詞、embedding 與向量的資料流。

CRIN

CRIN 是什麼?

CRIN 是一個免費互動式 AI 學習網站,透過視覺化資料流解釋現代語言模型如何處理文字。課程逐步涵蓋分詞、embedding 和向量等步驟,並以動畫呈現每個階段的變化。

CRIN 的核心目的是幫助學習者了解模型內部運作——將文字轉為 token、token 轉為數值表示,再轉為數學結構——無需先備 AI 知識。

主要功能

  • 即時動畫資料流轉換:課程展示從文字到 token、embedding 再到向量的轉換過程,幫助你連結每個概念。
  • 互動式節點課程檢視器:每個階段以節點呈現,可點擊探索其輸出內容。
  • 每個概念多種檢視(視覺 / 簡單 / 深入):可在同一課程中切換視覺解釋、淺顯英文類比,或更精確的深入定義。
  • 具實例 embedding 與渲染輸出:embedding 部分以熱圖渲染,並顯示維度與數值表示(例如 float32 值),而非佔位符。
  • 儲存進度與課程續做:最後造訪節點、深度偏好(視覺/簡單/深入)及課程完成狀態會儲存至帳戶,方便稍後續做。
  • 分階段結構化課程:網站將課程組織為從初學者基礎到建置應用程式的階段,額外課程會依準備情況推出。

如何使用 CRIN

  1. 註冊免費帳戶(無需信用卡)以開始課程並啟用進度儲存。
  2. 從課程中選擇一門;課程為獨立活動,可從任何處開始。
  3. 跟隨動畫節點(例如 Tokenizer → Embeddings → Vector)並點擊節點探索運作細節。
  4. 課程中切換解釋模式,在視覺、簡單、深入間切換而不會遺失位置。
  5. 稍後續做——網站會記住你最後造訪節點及解釋深度偏好。

使用情境

  • 初學者建立 AI 直覺:透過「什麼是 AI?」概念學習 AI 如何閱讀文字、理解意義及注意重點,使用視覺/簡單/深入匹配你的舒適度。
  • 自學 transformer 內部機制:透過互動課程學習分詞、embedding、注意力機制及 transformer 架構的逐步運作,並顯示中間輸出。
  • 向團隊或學生解釋 embedding:使用互動視覺化(例如相似度直覺及 embedding 表示)讓「文字轉數字」更容易教學與討論。
  • 實務探索應用建置基礎:跟隨概念流程學習進階主題如 RAG 工作流程(課程涵蓋),從查詢 embedding 到結果。
  • 長期檢視進度:數日後續做課程,保留你偏好的解釋深度及最後造訪節點。

常見問題

  • 需要先備 AI 知識嗎?
    不需要。CRIN 設計為互動入門,課程結構無需先備 AI 知識即可進行。

  • AI 中的 embedding 到底是什麼?
    在 CRIN 中,embedding 解釋為文字轉為數值表示(例如 float32 向量)的步驟。Embeddings 課程包含動畫示範及渲染輸出。

  • CRIN 課程中 transformer 如何運作?
    CRIN 包含涵蓋關鍵 transformer 組件的課程,如分詞、注意力機制及 transformer 架構,並提供互動解釋。

  • 課程需要多久時間?
    提供的內容未指定課程持續時間。

  • CRIN 真的免費嗎?需要信用卡嗎?
    網站提供每月 $0 的免費方案,無需信用卡,無試用到期。所有目前課程永久免費。

替代方案

  • 互動式 ML/LLM 解說教學(教科書式互動課程):這些通常強調閱讀與靜態圖表,而非基於節點的動畫資料流。
  • 開發者社群中的 token/embedding 可視化工具:這些工具可能讓你檢查 token 或 embedding,但通常專注於執行程式碼或單一元件,而非從文字到 embedding 再到向量的引導式課程。
  • 通用 AI 學習平台(含影片課程):許多提供 transformer 與 embedding 內容,但可能無法提供相同即時、點擊探索的動畫轉換視圖。
  • 文件導向資源(例如 tokenizer/embedding 參考資料):參考資料可能更技術性且缺乏引導,而 CRIN 的課程則分階段組織,包含互動節點與進度儲存。