เปิดระบบเขียน โฟร์ชาร์ต หรือไดแกรม อย่างโครตง่าย

เครื่องมือที่ใช้คือเลือก Svgbob diagram แล้วใส่โค้ตเข้าไป อิสระที่จะเติมแต่งขีดเขียน เข้าใจง่ายมากๆ

image

รูปแบบการเขียนอย่างง่าย

+--------+      +------------+
| A Box  |----->|Another box |
+--------+      +------------+

ผลลัพธ์ที่แสดง

+--------+      +------------+
| A Box  |----->|Another box |
+--------+      +------------+

รูปแบบการเขียนระดับสูง

o-> Simple Things

+------+      +-------+
| user | o--> | notes |
+------+      +-------+


 o-> Mindmaps

                                            .-->  Alpha
                                           /
                                          .---->  Initial Release
          Planning *-------.             /         \
                            \           /           '---> Patch 1
      Initial research       \         /             \
                *             \       /               '-->  Patch 2
                 \             \     /---------> Beta
                  \             \   /
                   \             o o                      _______
                    \          .---. *--.___             /       \
                     '------> (     )       '------O->  . Release .
                               `---' o                   \_______/
                               o  o o \
                              /    \ \ \
                          .--'      \ \ \
                         /           \ \ '----+->  Push backs
                        /             \ \      \
                       /|              \ \      '----> Setbacks
                      / |               \ \
                     V /|                \ '-----> Reception
                Team  / |                 \
                     v /|                  \
             Worklaod / .                   '-->> Career change
                     V /
                 PTO  /
                     V
                 Bug

ผลลัพธ์ที่แสดง


o-> Simple Things

+------+      +-------+
| user | o--> | notes |
+------+      +-------+


 o-> Mindmaps

                                            .-->  Alpha
                                           /
                                          .---->  Initial Release
          Planning *-------.             /         \
                            \           /           '---> Patch 1
      Initial research       \         /             \
                *             \       /               '-->  Patch 2
                 \             \     /---------> Beta
                  \             \   /
                   \             o o                      _______
                    \          .---. *--.___             /       \
                     '------> (     )       '------O->  . Release .
                               `---' o                   \_______/
                               o  o o \
                              /    \ \ \
                          .--'      \ \ \
                         /           \ \ '----+->  Push backs
                        /             \ \      \
                       /|              \ \      '----> Setbacks
                      / |               \ \
                     V /|                \ '-----> Reception
                Team  / |                 \
                     v /|                  \
             Worklaod / .                   '-->> Career change
                     V /
                 PTO  /
                     V
                 Bug
  

ดูตัวอย่างอื่นๆ ที่สามารถเขียนได้

https://ivanceras.github.io/svgbob-editor/

โค้ตพิมพ์สดๆ ไม่ต้องจำอะไรเยอะ

svgbob height=320

             eleceasy.com
                        o.
                          \
                           *---> เว็บท่าทางความรู้
                            \
                             *---> รวบรวมข้อมูลสำหรับต่อยอด
                              \
                               *---> เรียนรู้เพื่อ แบ่งปันต่อผู้อื่น
                                \
                                 *---> ชุมชนไม่เคยหยุดพัฒนา เครื่องมือทันสมัยสุดๆ

             eleceasy.com
                        o.
                          \
                           *---> เว็บท่าทางความรู้
                            \
                             *---> รวบรวมข้อมูลสำหรับต่อยอด
                              \
                               *---> เรียนรู้เพื่อ แบ่งปันต่อผู้อื่น
                                \
                                 *---> ชุมชนไม่เคยหยุดพัฒนา เครื่องมือทันสมัยสุดๆ