Giter Site home page Giter Site logo

charlpcronje / notion-graph-view Goto Github PK

View Code? Open in Web Editor NEW

This project forked from stevedsun/notion-graph-view

0.0 0.0 0.0 370 KB

Generate a roam research like network graph view from your Notion pages.

JavaScript 6.26% Python 89.33% HTML 4.41%

notion-graph-view's Introduction

Notion Graph View

github github github

Export Notion pages to a Roam-Research like graph view.

๐Ÿ“œ Usage

Environment

  • Python 3.7 or later ( 3.9 is recommended )

Install

pip install -r requirements.txt

Setup Notion API

  1. Create a notion internal integration and generate an Internal Integration Token.

    ๐Ÿ‘‰ Learn more about authorization

  2. Open one notion page on browser and share it to your integration.

  3. Find your base Page ID from browser url, for example:

if page url is: https://www.notion.so/yourName/PageTitle-8a4b5ff100d648fb8d39d4bfa756ff3f, 8a4b5ff100da48fb8d39d4bfa756ff3f is the Page ID

  1. Provide your credentials by either
    • Creating credentials.py and pasting Internal Integration Token and Page ID in it like so:
      NOTION_TOKEN = "secret_TBqfsxyH1slTpaignyZqQnDAAAn0MaeDEc2l96cdubD"
      PAGE_ID = "8a4b5ff100d648fb8d39d4bfa756ff3f"
    • Exporting Internal Integration Token and Page ID to environment variables:
      export NOTION_TOKEN="secret_TBqfsxyH1slTpaignyZqQnDAAAn0MaeDEc2l96cdubD"
      export PAGE_ID="8a4b5ff100d648fb8d39d4bfa756ff3f"

Run

python main.py

graph_view.html would be generated at the project path, open it with any browser. (/lib and graph_view.html should be in the same folder)

๐Ÿ”— Link support

database page
paragraph โœ”๏ธ โœ”๏ธ
bulleted_list_item โœ”๏ธ โœ”๏ธ
numbered_list_item โœ”๏ธ โœ”๏ธ
to_do โœ”๏ธ โœ”๏ธ
toggle โœ”๏ธ โœ”๏ธ
child_page โœ”๏ธ โœ”๏ธ
child_database โœ”๏ธ โœ”๏ธ
embed
callout โœ”๏ธ โœ”๏ธ
quote โœ”๏ธ โœ”๏ธ
column
column_list
synced_block
link_to_page
table โœ”๏ธ โœ”๏ธ
table_row

notion-graph-view's People

Contributors

stevedsun avatar bobronium avatar rayremnant avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.