機器學習從業者，從此不再愁如何畫神經網絡圖了。

論文、博客寫好了，里面的圖可怎么畫？對于很多研究人員和開發者來說，內容的「可視化」是一個大問題。如果從頭開始畫，配色、空間布局都很傷腦筋，而且畫丑了也拿不出手，要是有模板可以套就好了。

別急，還真有人做了一套模板。

這套模板名叫 ML Visuals，是專為解決神經網絡畫圖問題設計的。項目放出不到十天，就引來了不少人的關注，收獲了 500 多 star。

下邊這張圖是不是很面熟？這就是大名鼎鼎的 Transformer 架構，右邊是谷歌大腦論文《Attention Is All You Need》中的 Transformer 架構原圖，左邊是用上述模板重新畫出來的，還原度是不是很高，而且看起來很漂亮？

ML Visuals 提供了更加專業、美觀、恰當的視覺效果和圖形，可以幫助機器學習社區改善科學溝通。用戶可以在 PPT 或博客中免費使用其中的視覺效果和圖形。

該項目由 dair.ai 社區創建和維護（dair.ai 社區致力于民主化人工智能研究、教育和技術），社區成員將繼續更新，添加更常見的圖形和基本要素。

用戶可以免費下載、復制、分發、重用這里的模板，還可以根據自己的需求進行自定義。

ML 專用畫圖模板，拯救手殘黨

ML Visuals 項目中每個好看又復雜的圖都是由一個個小模塊組成的。在這套模板中，作者用到了多種模塊，如表示過程、操作或轉換的圓角矩形，表示神經元或任意操作的小圓圈，表示向量的一排小方塊以及表示多維數組的網格等。

選擇其中一些模塊組合使用，就可以得到神經網絡的一層：

它們還可以用來表示神經網絡中的某個過程，如下圖中的分詞過程：

再復雜一點，還可以畫出整個神經網絡：

此外，這套模板還可用來表示機器學習領域的一些概念，如線性回歸：

Dropout：

對于喜歡「暗黑模式」的同學，這個項目也照顧到了：

除此之外，該項目還提供了背景模板，方便用戶進行圖形自定義。

如何使用？

該項目使用 Google Slides 對所有視覺效果和圖形進行維護，用戶可以通過 Google Slides 使用其中的組件，或執行添加、自定義等操作。

添加

想要添加自定義圖，只需添加一張新的幻燈片，并重用任意基礎視覺組件。不過你需要先獲取編輯權限（點擊「只能查看」工具欄下的「請求編輯權限」或者發郵件至 ellfae@gmail.com 獲取編輯權限）。

復制并使用

用戶還可以復制這些幻燈片并按照自己的意愿進行自定義。

共享

dair.ai 社區鼓勵用戶添加自己的圖形并允許他人重用。不過，圖形作者最好在幻燈片備注中添加作者信息，方便其他人在重用這些圖形時進行恰當地引用。圖形作者或設計者還可以添加自己的姓名和郵件地址，方便其他用戶咨詢相關問題。

此外，圖形作者可以為自己的視覺圖形提供簡單的描述，以幫助其他用戶理解用途。

用戶需要注意的是，在獲取編輯權限后，不要刪除別人添加的圖形。如果想要進行改進，用戶可以新增一張幻燈片，并添加改進版本。

下載

下載幻燈片的過程很簡單，只需點擊「文件→下載」，然后選擇合適的格式即可。

除此以外，如果用戶在圖形自定義方面需要幫助，或者有一些對他人有益的想法，可以打開 issue 頁面（

https://github.com/dair-ai/ml-visuals/issues/new）進行描述。

• ML Visuals 地址：https://docs.google.com/presentation/d/11mR1nkIR9fbHegFkcFq8z9oDQ5sjv8E3JJp1LfLGKuk/edit#slide=id.g78327f1586_1537_865
• GitHub 地址：https://github.com/dair-ai/ml-visuals