在本文中，我將逐步指導(dǎo)您使用圖表即程式碼工具建立動態(tài)和互動式視覺化文件。我們將以程式設(shè)計(jì)方式產(chǎn)生圖表，而不是靜態(tài)圖像，確保它們始終是最新且易於維護(hù)的。

---

？圖表作為程式碼

圖表即程式碼是一種允許您透過程式碼而不是傳統(tǒng)圖形工具建立圖表的方法。您可以在文字檔案中編寫程式碼來定義圖表的結(jié)構(gòu)、元件和連接，而不是手動建立圖表。

然後，該程式碼被轉(zhuǎn)換為圖形圖像，從而更容易在軟體專案中整合和記錄，這對於以程式設(shè)計(jì)方式建立和更新架構(gòu)和流程圖特別有用。

---

什麼是圖表？

Diagrams 是一個(gè) ?Python 庫，它實(shí)現(xiàn)了圖表即程式碼方法，使您能夠透過程式碼建立架構(gòu)基礎(chǔ)設(shè)施圖和其他類型的圖表。借助圖表，您只需幾行程式碼即可輕鬆定義雲(yún)端基礎(chǔ)架構(gòu)元件（例如 AWS、Azure 和 GCP）、網(wǎng)路元素、軟體服務(wù)等。

？圖即程式碼的好處

• ？ 將圖表表示為程式碼：直接從程式碼建立和更新圖表，確保敏捷專案的可維護(hù)性。
• ？ 自動化文件：從程式碼產(chǎn)生視覺效果，使圖表與目前架構(gòu)保持一致。
• ？ 更改控制：追蹤圖表隨時(shí)間的修改。
• ？ 增強(qiáng)清晰度：透過清晰、共享的視覺效果來提高對複雜系統(tǒng)的理解。
• ?? 可自訂：以靈活且客製化的視覺效果表示雲(yún)端基礎(chǔ)設(shè)施、工作流程或資料管道。

---

教學(xué)

？庫安裝

我目前在本教程中使用版本“0.23.4”。

!pip install diagrams=='0.23.4'

---

？圖表：節(jié)點(diǎn)

該程式庫可讓您以程式設(shè)計(jì)方式建立架構(gòu)圖，使用節(jié)點(diǎn)來表示不同的基礎(chǔ)架構(gòu)元件和服務(wù)。

---

節(jié)點(diǎn)類型

圖中的節(jié)點(diǎn)代表來自不同雲(yún)端服務(wù)供應(yīng)商的元件以及其他架構(gòu)元素。以下是可用節(jié)點(diǎn)的主要類別：

• ?? 雲(yún)端供應(yīng)商：AWS (Amazon Web Services)、Azure、GCP、IBM Cloud、阿里雲(yún)、Oracle Cloud、DigitalOcean 等。
• ？ 本地：代表實(shí)體上位於公司場所的基礎(chǔ)設(shè)施。
• ？ Kubernetes (K8S)：容器編排系統(tǒng)，用於自動化容器化應(yīng)用程式的部署、擴(kuò)展和管理（以船輪表示，象徵控制和導(dǎo)航）。
• ?? OpenStack：用於建立和管理公有雲(yún)和私有雲(yún)的開源軟體平臺。
• ？ 通用：通用節(jié)點(diǎn)，可以表示特定於提供者的節(jié)點(diǎn)未專門覆蓋的任何元件（交叉工具，表示一個(gè)類別中的不同工具）。
• ?? SaaS（軟體即服務(wù)）：表示透過網(wǎng)路作為服務(wù)交付的應(yīng)用程序，例如Snowflake、聊天服務(wù)（Slack、Teams、Telegram 等）、安全性（例如Okta） ），或社交網(wǎng)路（為了SaaS 概念劃掉了電話和雲(yún)端）。
• ？ 自訂：允許使用者使用儲存在特定資料夾中的 PNG 圖示自訂圖表。這對於表示預(yù)設(shè)節(jié)點(diǎn)（劃掉的自訂工具）未涵蓋的基礎(chǔ)架構(gòu)元件非常有用。

---

？程式設(shè)計(jì)語言

Diagrams 函式庫允許您使用不同的節(jié)點(diǎn)來表示各種程式語言。這些節(jié)點(diǎn)有助於在圖表中指示架構(gòu)的任何部分是否使用以特定程式語言開發(fā)的腳本或元件。

下面，我們將展示庫中所有可用的語言。如果缺少任何語言，您可以透過將相應(yīng)的徽標(biāo)上傳到特定資料夾來新增自訂節(jié)點(diǎn)。

!pip install diagrams=='0.23.4'

---

?? AWS（亞馬遜網(wǎng)路服務(wù)）

我們可以使用 Amazon 節(jié)點(diǎn)，這些節(jié)點(diǎn)分為幾個(gè)類別，例如：

• 分析與業(yè)務(wù)：aws.analytics、aws.business
• 計(jì)算與儲存：aws.compute、aws.storage、aws.cost
• 資料庫與開發(fā)工具：aws.database、aws.devtools
• 整合與管理：aws.integration、aws.management
• 機(jī)器學(xué)習(xí)與移動：aws.ml、aws.mobile
• 網(wǎng)路與安全性：aws.network、aws.security
• 其他：aws.blockchain、aws.enduser、aws.engagement、aws.game、aws.general、aws.iot、aws.media、aws.migration、aws.quantum、aws.robotics、aws。衛(wèi)星

接下來，我們將代表這些類別之一以視覺化 aws.database 中的可用節(jié)點(diǎn)。

!pip install diagrams=='0.23.4'

---

?? 使用案例

現(xiàn)在，讓我們建立一個(gè)簡單的藍(lán)圖，對應(yīng)於在 AWS 上匯入資料集並訓(xùn)練機(jī)器學(xué)習(xí)模型。

# Create the diagram object
with diagrams.Diagram("Programming Languages", show=False, filename="languages"):
    # Get all the languages available in this library
    languages = [item for item in dir(diagrams.programming.language) if item[0] != '_']

    # Divide the representation in two lines
    mid_index = len(languages) // 2
    first_line = languages[:mid_index]
    second_line = languages[mid_index:]

    # Add nodes in the first row
    prev_node = None

    for language in first_line:
        current_node = eval(f"diagrams.programming.language.{language}(language)")
        if prev_node is not None:
            prev_node >> current_node
        prev_node = current_node

    # Add nodes in the second row
    prev_node = None

    for language in second_line:
        current_node = eval(f"diagrams.programming.language.{language}(language)")
        if prev_node is not None:
            prev_node >> current_node
        prev_node = current_node

Image("languages.png")

---

儲存庫

以下是全部程式碼鏈接，如果覺得有用，可以給個(gè)star??並關(guān)注我，接收新文章通知。這將幫助我在技術(shù)社群中成長並創(chuàng)造更多內(nèi)容。

如果您想了解如何使用此管道實(shí)現(xiàn)文件站點(diǎn)，您可以閱讀我在以下連結(jié)中發(fā)布的文章

---

？參考

1. 圖表： https://diagrams.mingrammer.com/

以上是圖表即代碼：為視覺內(nèi)容建立動態(tài)和互動式文檔的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！