Notion Charts

A simple chart plugin for Notion, powered by Mermaid.

什麼是Notion Charts?

Notion Charts是由Difference Maker開發的Chrome擴展程式,該擴展的主要功能是“A simple chart plugin for Notion, powered by Mermaid.”。

擴展截圖

screenshot
screenshot
screenshot
screenshot
screenshot

下載Notion Charts擴展crx文件

下載Notion Charts擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

                        Introduction
This extension uses Mermaid syntax, providing convenience for Notion users to easily insert various charts and diagrams in the document.

Instructions
1. Switch between different tabs in the extension page to view different types of charts. Click the copy button in the upper right corner of the chart.
2. In Notion, paste at the position where the charts or diagrams need to be inserted.
3. Switch the code block language in the upper left corner to Mermaid, and use Split mode to display both code and chart.

Supported Charts
1. Pie chart
2. Flow Diagram
3. Sequence Diagram
4. ER Diagram
5. User Journey Diagram
6. Gantt chart
7. Git Diagram

We will continue to optimize and update this extension. If you have any questions and enquiries for optimizations, please click the button on the upper right corner of the extension to join our Slack channel.                    

擴展基本資訊

名稱 Notion Charts Notion Charts
ID bcjejgpemlaaaijimidcjbaommpgnmfb
官方網址 https://chromewebstore.google.com/detail/notion-charts/bcjejgpemlaaaijimidcjbaommpgnmfb
簡介 A simple chart plugin for Notion, powered by Mermaid.
檔案大小 2.29 MB
安裝次數 205
目前版本 0.2.1
更新時間 2022-10-03
上架時間 2022-09-20
開發者 Difference Maker
電子郵箱 [email protected]
付費類型 free
支援的語言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Notion Charts",
    "description": "A simple chart plugin for Notion, powered by Mermaid.",
    "version": "0.2.1",
    "manifest_version": 3,
    "action": {
        "default_popup": "popup.html"
    },
    "icons": {
        "16": "logo16.png",
        "32": "logo32.png",
        "48": "logo48.png",
        "128": "logo128.png"
    },
    "background": {
        "service_worker": ".\/static\/js\/background.js"
    },
    "web_accessible_resources": [
        {
            "resources": [],
            "matches": [
                ""
            ]
        }
    ],
    "permissions": [
        "storage"
    ]
}