react官方提供的合成事件架构图怎么看，比如加号和箭头代表什么含义？这种图有学名吗？

Question

  +------------+    .
  |   DOM      |    .
  +---^--------+    .                          +-----------+
      |  +           .               +--------+|SimpleEvent|
      |  |           .               |         |Plugin     |
  +---|--|------+    .               v         +-----------+
  |   |  |      |    .   +--------------+                    +------------+
  |   |  +-------------->|EventPluginHub|                    |    Event   |
  |            |    .    |              |     +-----------+  | Propagators|
  | ReactEvent |    .    |              |     |TapEvent   |  |------------|
  |  Emitter   |    .    |              |<---+|Plugin     |  |other plugin|
  |            |    .    |              |     +-----------+  |  utilities |
  |     +-----------.---------+         |                    +------------+
  |     |      |    .    +----|---------+
  +-----|------+    .         |      ^        +-----------+
        |           .         |      |        |Enter/Leave|
        +           .         |      +-------+|Plugin     |
  +-------------+   .         v               +-----------+
  | application |   .    +----------+
  |-------------|   .    | callback |
  |             |   .    | registry |
  |             |   .    +----------+
  +-------------+   .
                    .
     React Core     .  General Purpose Event Plugin System

这是关于合成事件的架构图，请教该如何读懂它，
1.箭头和加号的含义是什么？
2.起始于两个块的线穿过另一个块，代表什么含义？
3.这种图有学名吗？(这样可以搜索相关文章学习一下怎么看)