diff --git a/doc/tikv/transaction-handling-newbie-perspective.md b/doc/tikv/transaction-handling-newbie-perspective.md
new file mode 100644
index 0000000..48bc9ef
--- /dev/null
+++ b/doc/tikv/transaction-handling-newbie-perspective.md
@@ -0,0 +1,367 @@
+# Transaction Handling Process
+
+This article will introduce how transaction requests are handled in TiKV.
+
+The urls in this article refers to the code which performs certain operation.
+
+In a system which consists of TiDB and TiKV, the architecture looks like this:
+
+![architecture](transaction-handling-newbie-perspective/architecture.svg)
+
+Though client is not part of TiKV, it is also an important to read some code in it to understand how a request is handled. 
+
+There're many implements of client, and their process of sending a request is similiar, we'll take [client-rust](https://github.com/TiKV/client-rust) as an example here.
+
+Basically, TiKV's transaction system is based on Google's [Percolator](https://research.google/pubs/pub36726/), you are recommended to read some material about it before you start reading this.
+
+### Begin
+
+You'll need a client object to start a transaction.
+
+The code which creates a transaction is [here](https://github.com/tikv/client-rust/blob/07194c4c436e393358986b84daa2ad1e41b4886c/src/transaction/client.rs#L28), you can see the client includes a `PdRpcClient`, which is responsible for communicate with the pd component.
+
+And then you can use [`Client::begin`](https://github.com/tikv/client-rust/blob/07194c4c436e393358986b84daa2ad1e41b4886c/src/transaction/client.rs#L51) to start an transaction.
+
+```rust, no_run
+pub async fn begin(&self) -> Result<Transaction> {
+	let timestamp = self.current_timestamp().await?;
+	Ok(self.new_transaction(timestamp))
+}
+```
+
+Firstly, we'll need to get a time stamp from pd, and then we'll create a new `Transaction` object by using current timestamp.
+
+### Single point read
+
+We can use `Transaction::get`  to get a single value for a certain key.
+
+This part of code is [here](https://github.com/TiKV/client-rust/blob/fe765f191115d5ca0eb05275e45e086c2276c2ed/src/transaction/transaction.rs#L71).
+
+We'll try to read the local buffered key first. And if the local buffered key does not exist, a `GetRequest` will be sent to TiKV.
+
+You may have known that TiKV divide all the data into different regions, and each replica of some certain region is on its own TiKV node, and pd will manage the meta infomation about where are the replicas for some certain key is.
+
+The code above seems doesn't cover the steps which decide which TiKV node should we send the request to. But that's not the case. The code which do these jobs is hidden under [`execute`](https://github.com/tikv/client-rust/blob/07194c4c436e393358986b84daa2ad1e41b4886c/src/request.rs#L29), and you'll find the code which tries to get the TiKV node [here](https://github.com/tikv/client-rust/blob/b7ced1f44ed9ece4405eee6d2573a6ca6fa46379/src/pd/client.rs#L42) , and it is called by `retry_response_stream` [here](https://github.com/tikv/client-rust/blob/07194c4c436e393358986b84daa2ad1e41b4886c/src/request.rs#L48):
+
+```rust, no_code
+fn store_for_key(
+        self: Arc<Self>,
+        key: &Key,
+    ) -> BoxFuture<'static, Result<Store<Self::KvClient>>> {
+        self.region_for_key(key)
+            .and_then(move |region| self.map_region_to_store(region))
+            .boxed()
+    }
+```
+
+Firstly, it will use grpc call [`GetRegion`](https://github.com/pingcap/kvproto/blob/d4aeb467de2904c19a20a12de47c25213b759da1/proto/pdpb.proto#L41) in `region_for_key` to find out which region is the key in.
+
+The remote fuction `GetRegion` it defined is [here](https://github.com/pingcap/pd/blob/6dab049720f4c4e1a91405806fc1fa6517928589/server/grpc_service.go#L416) in pd.
+
+And then we'll use grpc call [`GetStore`](https://github.com/pingcap/kvproto/blob/d4aeb467de2904c19a20a12de47c25213b759da1/proto/pdpb.proto#L31) in `map_region_to_store` to find out the leader of region.
+
+The remote fuction `GetStore` it defined is [here](https://github.com/pingcap/pd/blob/2b56a4c5915cb4b8806629193fd943a2e860ae4f/server/grpc_service.go#L171) in pd.
+
+Finally we'll get a `KvRpcClient` instance, which represents the connection to a TiKV replica.
+
+Then let's back to `retry_response_stream`, next function call we should pay attention to is  `store.dispatch`, it calls grpc function [`KvGet`](https://github.com/pingcap/kvproto/blob/5f564ec8820e3b4002930f6f3dd1fcd710d4ecd0/proto/tikvpb.proto#L21).
+
+And finally we reach the code in TiKV's repo. In TiKV, the requests are handled by [`Server` struct](https://github.com/tikv/tikv/blob/bf716a111fde9fe8da56f8bd840c53d80c395525/src/server/server.rs#L49) , and the `KvGet` will be handled by `future_get` [here](https://github.com/tikv/tikv/blob/bf716a111fde9fe8da56f8bd840c53d80c395525/src/server/service/kv.rs#L1136).
+
+Firstly we'll read the value for a key by using [`Storage::get`](https://github.com/tikv/tikv/blob/bf716a111fde9fe8da56f8bd840c53d80c395525/src/storage/mod.rs#L213).
+
+`get` function is a little bit long, we'll ignore `STATIC` parts for now, and we'll get:
+
+```rust, no_run
+pub fn get(&self, mut ctx: Context, key: Key,
+    start_ts: TimeStamp) -> impl Future<Item = Option<Value>, Error = Error> {
+    const CMD: CommandKind = CommandKind::get;
+    let priority = ctx.get_priority();
+    let priority_tag = get_priority_tag(priority);
+
+    let res = self.read_pool.spawn_handle(
+        async move {
+            // The bypass_locks set will be checked at most once. `TsSet::vec` is more efficient
+            // here.
+            let bypass_locks = TsSet::vec_from_u64s(ctx.take_resolved_locks());
+            let snapshot = Self::with_tls_engine(|engine| Self::snapshot(engine, &ctx)).await?;
+            let snap_store = SnapshotStore::new(snapshot, start_ts,
+                        ctx.get_isolation_level(),
+                        !ctx.get_not_fill_cache(),
+                        bypass_locks,
+                        false);
+            let result = snap_store.get(&key, &mut statistics)
+                    // map storage::txn::Error -> storage::Error
+                    .map_err(Error::from);
+            result
+        },
+        priority,
+        thread_rng().next_u64(),
+    );
+    res.map_err(|_| Error::from(ErrorInner::SchedTooBusy))
+        .flatten()
+}
+```
+
+This function will get a `snapshot`, and then construct a `SnapshotStore` by using the `snapshot`, and then call `get` on this `SnapshotStore`, and finally get the data we need.
+
+The `bypass_locks` part is a tricky optimize related to [large transaction](https://pingcap.com/blog/large-transactions-in-tidb/), see [this pr](https://github.com/tikv/tikv/pull/5798).
+
+Then we'll view the code of `SnapshotStore::get`, you'll see that in fact it consturcted a [`PointGetter`](https://github.com/tikv/tikv/blob/4ac9a68126056d1b7cf0fc9323b899253b73e577/src/storage/mvcc/reader/point_getter.rs#L133), and then call the `get` method on `PointGetter`:
+
+```rust, no_run
+pub fn get(&mut self, user_key: &Key) -> Result<Option<Value>> {
+    if !self.multi {
+        // Protect from calling `get()` multiple times when `multi == false`.
+        if self.drained {
+            return Ok(None);
+        } else {
+            self.drained = true;
+        }
+    }
+
+    match self.isolation_level {
+        IsolationLevel::Si => {
+            // Check for locks that signal concurrent writes in Si.
+            self.load_and_check_lock(user_key)?;
+        }
+        IsolationLevel::Rc => {}
+    }
+
+    self.load_data(user_key)
+}
+```
+
+As we can see, if the required `isolation_level` is `Si`, we need to check whether there's any locks which may conflict with current get. If we find some, we'll return a  `KeyIsLocked` error:
+
+```rust, no_run
+fn load_and_check_lock(&mut self, user_key: &Key) -> Result<()> {
+    self.statistics.lock.get += 1;
+    let lock_value = self.snapshot.get_cf(CF_LOCK, user_key)?;
+
+    if let Some(ref lock_value) = lock_value {
+        self.statistics.lock.processed += 1;
+        let lock = Lock::parse(lock_value)?;
+        if self.met_newer_ts_data == NewerTsCheckState::NotMetYet {
+            self.met_newer_ts_data = NewerTsCheckState::Met;
+        }
+        lock.check_ts_conflict(user_key, self.ts, &self.bypass_locks)
+            .map_err(Into::into)
+    } else {
+        Ok(())
+    }
+}
+```
+
+And then we'll use `PointGetter`'s `load_data`  method to load the value.
+
+Now we have the value in `GetResponse`. But if the key is locked, client still need to resolve the locked keys. This will still be handled in  `retry_response_stream`.
+
+#### Resolve locks
+
+First, the client will take the locks we met from the response, and then we'll use `resolve_locks` to try to resolve them:
+
+We find all the locks which are expired, and resolve them one by one. 
+
+Then we'll get `lock_version`'s corresponding `commit_version` (might be buffered), and use it to send `cleanup_request`.
+
+It seems that using `CleanupRequest` directly is deprecated after 4.0 , then we'll simply igonre it.
+
+And then it is the key point: [`resolve_lock_with_retry`](https://github.com/tikv/client-rust/blob/07194c4c436e393358986b84daa2ad1e41b4886c/src/transaction/lock.rs#L74), this function will construct a  `ResolveLockRequest`, and send it to TiKV to execute.
+
+Let's turn to TiKV's source code, according to whether the `key` on the request is empty, `ResolveLockRequest` will be converted into `ResolveLockReadPhase` + `ResolveLock` or `ResolveLockLite`. The difference between those two is that `ResolveLockLite` will only handle the locks `Request` ask for resolve, while `ResolveLock` will resolve locks in a whole region.
+
+The handling of `ResolveLock` has 2 parts: the read phase is [here](https://github.com/tikv/tikv/blob/bf716a111fde9fe8da56f8bd840c53d80c395525/src/storage/txn/process.rs#L122), which is resposible for read out the locks and construct the write phase command, and the write phase is [here](https://github.com/TiKV/TiKV/blob/82d180d120e115e69512ea7f944e93e6dc5022a0/src/storage/txn/process.rs#L775), which is responsible for the release work.
+
+These two code part uses `MvccTxn` and `MvccReader`, we'll explain them later in another article.
+
+[Comments](https://github.com/tikv/tikv/blob/bf716a111fde9fe8da56f8bd840c53d80c395525/src/storage/txn/commands/resolve_lock.rs#L17) here gives a good intruduction of what `ResolveLock` do.
+
+After all `expired_locks` are resolved, a new `GetRequest` is sent, and the get process will be done again until it success.
+
+And then, the result value is returned. (Finally!)
+
+Let's summerize the process with a dataflow diagram.
+
+![single-point-get-dfd](transaction-handling-newbie-perspective/single-point-get-dfd.svg)
+
+### Scan
+
+On the client side, scan is almost the same as single point get, except that it sends a [`KvScan`](https://github.com/pingcap/kvproto/blob/5f564ec8820e3b4002930f6f3dd1fcd710d4ecd0/proto/tikvpb.proto#L22) grpc call instead of `KvGet`.
+
+And on the TiKV side, things are a little different, firstly, the request will be handled by [`future_scan`](https://github.com/tikv/tikv/blob/bf716a111fde9fe8da56f8bd840c53d80c395525/src/server/service/kv.rs#L1161), and then [`Storage::scan`](https://github.com/tikv/tikv/blob/bf716a111fde9fe8da56f8bd840c53d80c395525/src/storage/mod.rs#L443)，and finally we'll find out the function which really do the job is a [`Scanner`](https://github.com/tikv/tikv/blob/bf716a111fde9fe8da56f8bd840c53d80c395525/src/storage/mvcc/reader/scanner/mod.rs#L171), and we'll cover this part in another document. 
+
+### Write
+
+In fact, write just write to local buffer. All data modifications will be sent to TiKV on prewrite.
+
+### Commit
+
+Now comes the most interesting part: commit, just like what I mentioned, commit in TiKV is based on [Percolator](https://research.google/pubs/pub36726/), but there are several things that are different:
+
+- [Percolator](https://research.google/pubs/pub36726/) depends on BigTable's single row transaction, so we must implement something alike by ourselves in TiKV.
+
+- We need to support pessimistic transaction
+
+  Pessimistic transaction enable TiDB to have a better MySQL compatibility, and save rollbacks under high load.
+
+  But it introduces some other problems such as:
+
+  - dead lock
+
+    In optimistic transaction handling, dead lock won't happen because in the prewrite stage, a transaction would about if another transaction holds a lock it needs, and in the read stage, the locks from a dead transaction are resolved.
+
+So let's see how TiKV deal with these things.
+
+#### Client
+
+From the client side, the commit process is easy, you can see we use a [`TwoPhaseCommitter`](https://github.com/tikv/client-rust/blob/fe765f191115d5ca0eb05275e45e086c2276c2ed/src/transaction/transaction.rs#L249) to do the commit job, and what it does is just as the [Percolator](https://research.google/pubs/pub36726/) paper says: [`prewrite`](https://github.com/tikv/client-rust/blob/fe765f191115d5ca0eb05275e45e086c2276c2ed/src/transaction/transaction.rs#L278), [`commit_primary`](https://github.com/tikv/client-rust/blob/fe765f191115d5ca0eb05275e45e086c2276c2ed/src/transaction/transaction.rs#L293) and finally [`commit_secondary`](https://github.com/tikv/client-rust/blob/fe765f191115d5ca0eb05275e45e086c2276c2ed/src/transaction/transaction.rs#L310).
+
+#### AcquirePessimisticLock
+
+This is used in the pessimistic transaction handling. It locks certain keys to prevent them from being changed by other transactions.
+
+This one does not exists in client-rust for now, so you have to read TiDB's code [here](https://github.com/pingcap/tidb/blob/3748eb920300bd4bc0917ce852a14d90e8e0fafa/store/tikv/pessimistic.go#L58).
+
+Basically, it sends a `PessimisticLockRequest` to TiKV, and TiKV will handle it [here](https://github.com/tikv/tikv/blob/bf716a111fde9fe8da56f8bd840c53d80c395525/src/storage/txn/process.rs#L397), it just run `MvccTxn::acquire_pessimistic_lock` for each key to lock, which just put a lock on the key, the lock is just like the lock used in prewrite in optimistic transaction, the only differece is its type is `LockType::Pessimistic`.
+
+And the it returns whether the lock is successful. If not, it will also [return the lock to wait for](https://github.com/tikv/tikv/blob/bf716a111fde9fe8da56f8bd840c53d80c395525/src/storage/txn/process.rs#L447).
+
+#### Prewrite
+
+On TiKV side, the prewrite process happens [here in `process_write_impl`](https://github.com/tikv/tikv/blob/4a75902f266fbbc064f0c19a2a681cfe66511bc3/src/storage/txn/process.rs#L557).
+
+The first few lines of code (`if rows > FORWARD_MIN_MUTATIONS_NUM` part) is not covered by the [`TiKV Source Code Reading blogs`](https://pingcap.com/blog-cn/tikv-source-code-reading-12/). I guess it means:
+
+```
+if there's no "write" record in [mutations.minKey, mutation.maxKey] {
+	skip_constraint_check = true;
+  scan_mode = Some(ScanMode::Forward)
+}
+```
+
+As far as I understand, it just provides a optimized way of checking the "write" column, see [tikv#5846](https://github.com/tikv/tikv/pull/5846) for details.
+
+And no matter whether this branch is taken, we'll construct a `MvccTxn` , and then use it to do the prewrite job for each mutation the client sent to the TiKV server.
+
+The [`MvccTxn::prewrite`](https://github.com/tikv/tikv/blob/4a75902f266fbbc064f0c19a2a681cfe66511bc3/src/storage/mvcc/txn.rs#L563) function just do what the [Percolator](https://research.google/pubs/pub36726/) describes: check the `write` record in `[start_ts, ∞]` to find a newer write (this can be bypassed if `skip_constraint_check` is set, we can ignore this check safely in situations like import data). And then check whether the current key is locked at any timestamp. And finally use [`prewrite_key_value`](https://github.com/tikv/tikv/blob/bf716a111fde9fe8da56f8bd840c53d80c395525/src/storage/mvcc/txn.rs#L207) to lock the key and write the value in.
+
+##### Latches
+
+Just as I mentioned, there's no such things like "single row transaction" in TiKV, so we need another way to prevent the key's locking state changed by another transaction during `prewrite`.
+
+TiKV use [`Latches`](https://github.com/tikv/tikv/blob/bf716a111fde9fe8da56f8bd840c53d80c395525/src/storage/txn/latch.rs#L125) to archieve this, you can consider it as a Map from key('s hashcode) to mutexes. You can lock a key in the `Latches` to prevent it be used by other transactions.
+
+The latches is used in [`try_to_wake_up`](https://github.com/tikv/tikv/blob/bf716a111fde9fe8da56f8bd840c53d80c395525/src/storage/txn/scheduler.rs#L335) , this is called before each command is executed, it will lock all the latches the commands used.
+
+![prewrite-dfd](transaction-handling-newbie-perspective/prewrite-dfd.svg)
+
+#### PrewritePessimistic
+
+[`PrewritePessimistic`'s handling](https://github.com/tikv/tikv/blob/3a4a0c98f9efc2b409add8cb6ac9e8886bb5730c/src/storage/txn/process.rs#L624) is very similiar to `Prewrite`, except it:
+
+- doesn't need to read the write record for checking conflict, because the potential conflicts have already checked during acquiring the lock
+- downgrade the pessimistic lock to optimistic lock during prewrite, so the following commit process would be the same as the commit process in optmistic transaction handling
+- needs to prevent deadlock
+
+##### Dead lock handling
+
+There won't be a dead lock in the optimistic transaction handling process, because we can know all the keys to lock during the prewrite process, so we can lock them in order.
+
+But during the pessimistic transaction handling process, the situation is very different: when to lock a key or which keys to lock are totally decided by the user, so for example:
+
+```
+transaction A:
+	lock key a;
+	do some process;
+	lock key b;
+	do some other process;
+commit
+```
+
+and
+
+```
+transaction B:
+	lock key b;
+	do some process;
+	lock key a;
+	do some other process;
+commit
+```
+
+If you are unlucky, transaction A will hold the lock on `a` and try to get the lock on `b`, and transaction B will hold the lock `b` and try to get the lock on `a`, and neither of them can get the lock and continue with their jobs, so a dead lock occurred.
+
+TiKV use deadlock detection to prevent this kind of situation.
+
+The deadlock detector is made up with two parts: the [`LockManager`](https://github.com/tikv/tikv/blob/bf716a111fde9fe8da56f8bd840c53d80c395525/src/server/lock_manager/mod.rs#L49) and the [`Detector`](https://github.com/tikv/tikv/blob/3a4a0c98f9efc2b409add8cb6ac9e8886bb5730c/src/server/lock_manager/deadlock.rs#L467).
+
+Basically, these two make a *Directed acyclic graph* with the transactions and the locks it require, if adding a node may break the "acyclic" rule, then a potential deadlock is detected, a separate doc will be add to describe the [`LockManager`](https://github.com/tikv/tikv/blob/bf716a111fde9fe8da56f8bd840c53d80c395525/src/server/lock_manager/mod.rs#L49).
+
+#### (Do) Commit
+
+After `prewrite` is done, the client will do the commit works: first commit the primary key, then the secondary ones, both these two kind of keys' commit are represented by the `Commit` command and handled [here](https://github.com/tikv/tikv/blob/bf716a111fde9fe8da56f8bd840c53d80c395525/src/storage/txn/process.rs#L454). 
+
+In the commit process we just use [`MvccTxn::commit`](https://github.com/tikv/tikv/blob/bf716a111fde9fe8da56f8bd840c53d80c395525/src/storage/mvcc/txn.rs#L681) to commit each key, which it does is much like [Percolator](https://research.google/pubs/pub36726/) describes,.
+
+We also collect the released locks and use it to [wake up the waiting pessimistic transactions](https://github.com/tikv/tikv/blob/17e75b6d1d1a8f1fb419f8be249bc684b3defbdb/src/storage/txn/process.rs#L513).
+
+### Rollback
+
+#### (Optimistic) Rollback
+
+On the client side, [rollback](https://github.com/tikv/client-rust/blob/fe765f191115d5ca0eb05275e45e086c2276c2ed/src/transaction/transaction.rs#L327) just construct a `BatchRollbackRequest` with the keys changed in this transaction and a `start_version` which identify the transaction to be rolled back, and send it to server.
+
+On the server side, it just call [`MvccTxn::rollback`](https://github.com/tikv/tikv/blob/1709de63b3b66f474ff757133a8a1076cf77f196/src/storage/mvcc/txn.rs#L732) [here](https://github.com/tikv/tikv/blob/1709de63b3b66f474ff757133a8a1076cf77f196/src/storage/txn/process.rs#L778), and [`MvccTxn::rollback`](https://github.com/tikv/tikv/blob/1709de63b3b66f474ff757133a8a1076cf77f196/src/storage/mvcc/txn.rs#L732) is a direct proxy to [`MvccTxn::cleanup`](https://github.com/tikv/tikv/blob/1709de63b3b66f474ff757133a8a1076cf77f196/src/storage/mvcc/txn.rs#L795).
+
+Let's view the code in [`MvccTxn::cleanup`](https://github.com/tikv/tikv/blob/bf716a111fde9fe8da56f8bd840c53d80c395525/src/storage/mvcc/txn.rs#L831):
+
+The first branch in the `match` is taken when there's a lock on the key.
+
+`!current_ts.is_zero()` is always false in the rollback situation, so we'll ignore it here.
+
+Then we'll call [`MvccTxn::rollback_lock`](https://github.com/tikv/tikv/blob/bf716a111fde9fe8da56f8bd840c53d80c395525/src/storage/mvcc/txn.rs#L263):
+
+First remove the value written if necessary:
+
+```rust
+if lock.short_value.is_none() && lock.lock_type == LockType::Put {
+	self.delete_value(key.clone(), lock.ts);
+}
+```
+
+And then put the write record.
+
+```rust
+let protected: bool = is_pessimistic_txn && key.is_encoded_from(&lock.primary);
+let write = Write::new_rollback(self.start_ts, protected);
+self.put_write(key.clone(), self.start_ts, write.as_ref().to_bytes());
+```
+
+And then collapse the prev rollback if necessary:
+
+```rust
+if self.collapse_rollback {
+	self.collapse_prev_rollback(key.clone())?;
+}
+```
+
+Finally unlock the key:
+
+```rust
+Ok(self.unlock_key(key, is_pessimistic_txn))
+```
+
+On the other hand, in [`MvccTxn::cleanup`](https://github.com/tikv/tikv/blob/1709de63b3b66f474ff757133a8a1076cf77f196/src/storage/mvcc/txn.rs#L795), when there's no lock on the key, first we'll use [`check_txn_status_missing_lock`](https://github.com/tikv/tikv/blob/1709de63b3b66f474ff757133a8a1076cf77f196/src/storage/mvcc/txn.rs#L745) to decide the status of the transaction, if the transaction has already committed, return an error, else it is ok.
+
+#### Pessimistic Rollback
+
+The only difference between the handling of `PessimisticRollback` and `Rollback` is `PessimisticRollback` use [`MvccTxn::pessimistic_rollback`](https://github.com/tikv/tikv/blob/1709de63b3b66f474ff757133a8a1076cf77f196/src/storage/mvcc/txn.rs#L842) here.
+
+And the only job [`MvccTxn::pessimistic_rollback`](https://github.com/tikv/tikv/blob/1709de63b3b66f474ff757133a8a1076cf77f196/src/storage/mvcc/txn.rs#L842) is to remove the lock the transaction put on the key.
+
+## Summary
+
+This article gives a brief introduction on how transactions are handled in TiKV, and contain links which shows us where are the code corresponding to some certain action.
+
+This is just a high-level and brief introduction, we did not dive very deep into several parts of the code base, eg. the mvcc part, the scheduler. But I hope this article can give you a basic view of TiKV's transaction handling system and help you to get farmiliar of some of our code base.
\ No newline at end of file
diff --git a/doc/tikv/transaction-handling-newbie-perspective/architecture.svg b/doc/tikv/transaction-handling-newbie-perspective/architecture.svg
new file mode 100644
index 0000000..ea43d4f
--- /dev/null
+++ b/doc/tikv/transaction-handling-newbie-perspective/architecture.svg
@@ -0,0 +1,187 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="406px" height="372px" viewBox="0 0 406 372" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>architecture 2</title>
+    <defs>
+        <polygon id="path-1" points="0 0 404 0 404 370 0 370"></polygon>
+        <polygon id="path-3" points="0 0 404 0 404 370 0 370"></polygon>
+        <polygon id="path-5" points="0 0 404 0 404 370 0 370"></polygon>
+        <polygon id="path-7" points="0 0 404 0 404 370 0 370"></polygon>
+        <polygon id="path-9" points="0 0 404 0 404 370 0 370"></polygon>
+        <polygon id="path-11" points="0 0 404 0 404 370 0 370"></polygon>
+        <polygon id="path-13" points="0 0 404 0 404 370 0 370"></polygon>
+        <polygon id="path-15" points="0 0 404 0 404 370 0 370"></polygon>
+        <polygon id="path-17" points="0 0 404 0 404 370 0 370"></polygon>
+        <polygon id="path-19" points="0 0 404 0 404 370 0 370"></polygon>
+        <polygon id="path-21" points="0 0 404 0 404 370 0 370"></polygon>
+        <polygon id="path-23" points="0 0 404 0 404 370 0 370"></polygon>
+        <polygon id="path-25" points="0 0 404 0 404 370 0 370"></polygon>
+        <polygon id="path-27" points="0 0 404 0 404 370 0 370"></polygon>
+        <polygon id="path-29" points="0 0 404 0 404 370 0 370"></polygon>
+        <polygon id="path-31" points="0 0 404 0 404 370 0 370"></polygon>
+        <polygon id="path-33" points="0 0 404 0 404 370 0 370"></polygon>
+        <polygon id="path-35" points="0 0 404 0 404 370 0 370"></polygon>
+        <polygon id="path-37" points="0 0 404 0 404 370 0 370"></polygon>
+        <polygon id="path-39" points="0 0 404 0 404 370 0 370"></polygon>
+        <polygon id="path-41" points="0 0 404 0 404 370 0 370"></polygon>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="architecture" transform="translate(1.000000, 1.000000)">
+            <g id="Clipped" stroke-linecap="square">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <g id="路径"></g>
+                <rect id="矩形" fill="#FFFFFF" fill-rule="nonzero" mask="url(#mask-2)" x="0" y="0" width="404" height="370"></rect>
+            </g>
+            <g id="Clipped" stroke-linecap="square">
+                <mask id="mask-4" fill="white">
+                    <use xlink:href="#path-3"></use>
+                </mask>
+                <g id="路径"></g>
+                <rect id="矩形" fill="#D2E2F0" fill-rule="nonzero" mask="url(#mask-4)" x="106.5" y="15" width="250" height="40"></rect>
+            </g>
+            <g id="Clipped">
+                <mask id="mask-6" fill="white">
+                    <use xlink:href="#path-5"></use>
+                </mask>
+                <g id="路径"></g>
+                <rect id="矩形" stroke="#000000" mask="url(#mask-6)" x="106.5" y="15" width="250" height="40"></rect>
+            </g>
+            <g id="Clipped">
+                <mask id="mask-8" fill="white">
+                    <use xlink:href="#path-7"></use>
+                </mask>
+                <g id="路径"></g>
+                <text id="Client" fill="#000000" fill-rule="nonzero" mask="url(#mask-8)" font-family="Helvetica" font-size="12" font-weight="normal">
+                    <tspan x="214.5693" y="39.5352">Client</tspan>
+                </text>
+            </g>
+            <g id="Clipped" stroke-linecap="square">
+                <mask id="mask-10" fill="white">
+                    <use xlink:href="#path-9"></use>
+                </mask>
+                <g id="路径"></g>
+                <rect id="矩形" fill="#D2E2F0" fill-rule="nonzero" mask="url(#mask-10)" x="106.5" y="135" width="250" height="40"></rect>
+            </g>
+            <g id="Clipped">
+                <mask id="mask-12" fill="white">
+                    <use xlink:href="#path-11"></use>
+                </mask>
+                <g id="路径"></g>
+                <rect id="矩形" stroke="#000000" mask="url(#mask-12)" x="106.5" y="135" width="250" height="40"></rect>
+            </g>
+            <g id="Clipped">
+                <mask id="mask-14" fill="white">
+                    <use xlink:href="#path-13"></use>
+                </mask>
+                <g id="路径"></g>
+                <text id="Transaction" fill="#000000" fill-rule="nonzero" mask="url(#mask-14)" font-family="Helvetica" font-size="12" font-weight="normal">
+                    <tspan x="197.3809" y="159.5352">Transaction</tspan>
+                </text>
+            </g>
+            <g id="Clipped" stroke-linecap="square">
+                <mask id="mask-16" fill="white">
+                    <use xlink:href="#path-15"></use>
+                </mask>
+                <g id="路径"></g>
+                <rect id="矩形" fill="#D2E2F0" fill-rule="nonzero" mask="url(#mask-16)" x="106.5" y="75" width="250" height="40"></rect>
+            </g>
+            <g id="Clipped">
+                <mask id="mask-18" fill="white">
+                    <use xlink:href="#path-17"></use>
+                </mask>
+                <g id="路径"></g>
+                <rect id="矩形" stroke="#000000" mask="url(#mask-18)" x="106.5" y="75" width="250" height="40"></rect>
+            </g>
+            <g id="Clipped">
+                <mask id="mask-20" fill="white">
+                    <use xlink:href="#path-19"></use>
+                </mask>
+                <g id="路径"></g>
+                <text id="grpc-Server" fill="#000000" fill-rule="nonzero" mask="url(#mask-20)" font-family="Helvetica" font-size="12" font-weight="normal">
+                    <tspan x="198.623" y="99.5352">grpc Server</tspan>
+                </text>
+            </g>
+            <g id="Clipped" stroke-linecap="square">
+                <mask id="mask-22" fill="white">
+                    <use xlink:href="#path-21"></use>
+                </mask>
+                <g id="路径"></g>
+                <rect id="矩形" fill="#D2E2F0" fill-rule="nonzero" mask="url(#mask-22)" x="106.5" y="195" width="250" height="40"></rect>
+            </g>
+            <g id="Clipped">
+                <mask id="mask-24" fill="white">
+                    <use xlink:href="#path-23"></use>
+                </mask>
+                <g id="路径"></g>
+                <rect id="矩形" stroke="#000000" mask="url(#mask-24)" x="106.5" y="195" width="250" height="40"></rect>
+            </g>
+            <g id="Clipped">
+                <mask id="mask-26" fill="white">
+                    <use xlink:href="#path-25"></use>
+                </mask>
+                <g id="路径"></g>
+                <text id="MVCC" fill="#000000" fill-rule="nonzero" mask="url(#mask-26)" font-family="Helvetica" font-size="12" font-weight="normal">
+                    <tspan x="214.1064" y="219.5352">MVCC</tspan>
+                </text>
+            </g>
+            <g id="Clipped" stroke-linecap="square">
+                <mask id="mask-28" fill="white">
+                    <use xlink:href="#path-27"></use>
+                </mask>
+                <g id="路径"></g>
+                <rect id="矩形" fill="#D2E2F0" fill-rule="nonzero" mask="url(#mask-28)" x="106.5" y="255" width="250" height="40"></rect>
+            </g>
+            <g id="Clipped">
+                <mask id="mask-30" fill="white">
+                    <use xlink:href="#path-29"></use>
+                </mask>
+                <g id="路径"></g>
+                <rect id="矩形" stroke="#000000" mask="url(#mask-30)" x="106.5" y="255" width="250" height="40"></rect>
+            </g>
+            <g id="Clipped">
+                <mask id="mask-32" fill="white">
+                    <use xlink:href="#path-31"></use>
+                </mask>
+                <g id="路径"></g>
+                <text id="Raft" fill="#000000" fill-rule="nonzero" mask="url(#mask-32)" font-family="Helvetica" font-size="12" font-weight="normal">
+                    <tspan x="219.9424" y="279.5352">Raft</tspan>
+                </text>
+            </g>
+            <g id="Clipped" stroke-linecap="square">
+                <mask id="mask-34" fill="white">
+                    <use xlink:href="#path-33"></use>
+                </mask>
+                <g id="路径"></g>
+                <rect id="矩形" fill="#D2E2F0" fill-rule="nonzero" mask="url(#mask-34)" x="106.5" y="315" width="250" height="40"></rect>
+            </g>
+            <mask id="mask-36" fill="white">
+                <use xlink:href="#path-35"></use>
+            </mask>
+            <g id="路径"></g>
+            <rect id="矩形" stroke="#000000" mask="url(#mask-36)" x="106.5" y="315" width="250" height="40"></rect>
+            <mask id="mask-38" fill="white">
+                <use xlink:href="#path-37"></use>
+            </mask>
+            <g id="路径"></g>
+            <text id="Local-KV-Storage" fill="#000000" fill-rule="nonzero" mask="url(#mask-38)" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="182.8438" y="339.5352">Local KV Storage</tspan>
+            </text>
+            <mask id="mask-40" fill="white">
+                <use xlink:href="#path-39"></use>
+            </mask>
+            <g id="路径"></g>
+            <line x1="15.7115" y1="64.1771" x2="387.7526" y2="64.1771" id="路径" stroke="#000000" stroke-dasharray="6,2" mask="url(#mask-40)"></line>
+            <mask id="mask-42" fill="white">
+                <use xlink:href="#path-41"></use>
+            </mask>
+            <g id="路径"></g>
+            <text id="Client" fill="#000000" fill-rule="nonzero" mask="url(#mask-42)" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="20.746" y="38.7123">Client</tspan>
+            </text>
+            <text id="TiKV" fill="#000000" fill-rule="nonzero" mask="url(#mask-42)" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="23.1954" y="99.8417">TiKV</tspan>
+            </text>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/doc/tikv/transaction-handling-newbie-perspective/prewrite-dfd.svg b/doc/tikv/transaction-handling-newbie-perspective/prewrite-dfd.svg
new file mode 100644
index 0000000..ef6c6d3
--- /dev/null
+++ b/doc/tikv/transaction-handling-newbie-perspective/prewrite-dfd.svg
@@ -0,0 +1,124 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill-opacity="1" color-rendering="auto" color-interpolation="auto" text-rendering="auto" stroke="black" stroke-linecap="square" width="472" stroke-miterlimit="10" shape-rendering="auto" stroke-opacity="1" fill="black" stroke-dasharray="none" font-weight="normal" stroke-width="1" height="569" font-family="'Dialog'" font-style="normal" stroke-linejoin="miter" font-size="12px" stroke-dashoffset="0" image-rendering="auto">
+  <!--Generated by ySVG 2.5-->
+  <defs id="genericDefs"/>
+  <g>
+    <defs id="defs1">
+      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath1">
+        <path d="M0 0 L472 0 L472 569 L0 569 L0 0 Z"/>
+      </clipPath>
+      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath2">
+        <path d="M343 -542 L815 -542 L815 27 L343 27 L343 -542 Z"/>
+      </clipPath>
+    </defs>
+    <g fill="white" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="translate(-343,542)" stroke="white">
+      <rect x="343" width="472" height="569" y="-542" clip-path="url(#clipPath2)" stroke="none"/>
+    </g>
+    <g fill="rgb(153,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-343,542)" stroke="rgb(153,204,0)">
+      <ellipse rx="86.0355" ry="25.5" clip-path="url(#clipPath2)" cx="602.5036" cy="-384.3738" stroke="none"/>
+    </g>
+    <g stroke-linecap="butt" transform="matrix(1,0,0,1,-343,542)" fill="white" text-rendering="geometricPrecision" font-family="sans-serif" shape-rendering="geometricPrecision" stroke="white" stroke-miterlimit="1.45">
+      <text x="529.1618" xml:space="preserve" y="-379.8387" clip-path="url(#clipPath2)" stroke="none">PrewriteRequest::execute</text>
+    </g>
+    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-343,542)" stroke="rgb(255,204,0)">
+      <circle r="0.5" clip-path="url(#clipPath2)" cx="366.4705" cy="-384.3738" stroke="none"/>
+    </g>
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-343,542)" stroke-linecap="butt">
+      <circle fill="none" r="0.5" clip-path="url(#clipPath2)" cx="366.4705" cy="-384.3738"/>
+    </g>
+    <g fill="rgb(0,172,215)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-343,542)" stroke="rgb(0,172,215)">
+      <ellipse rx="61.7072" ry="25.5" clip-path="url(#clipPath2)" cx="518.1652" cy="-501.2727" stroke="none"/>
+    </g>
+    <g stroke-linecap="butt" transform="matrix(1,0,0,1,-343,542)" fill="white" text-rendering="geometricPrecision" font-family="sans-serif" shape-rendering="geometricPrecision" stroke="white" stroke-miterlimit="1.45">
+      <text x="468.3899" xml:space="preserve" y="-496.7375" clip-path="url(#clipPath2)" stroke="none">Server.GetRegion</text>
+    </g>
+    <g fill="rgb(0,172,215)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-343,542)" stroke="rgb(0,172,215)">
+      <ellipse rx="61.7072" ry="25.5" clip-path="url(#clipPath2)" cx="705.3741" cy="-501.2727" stroke="none"/>
+    </g>
+    <g stroke-linecap="butt" transform="matrix(1,0,0,1,-343,542)" fill="white" text-rendering="geometricPrecision" font-family="sans-serif" shape-rendering="geometricPrecision" stroke="white" stroke-miterlimit="1.45">
+      <text x="660.6612" xml:space="preserve" y="-496.7375" clip-path="url(#clipPath2)" stroke="none">Server.GetStore</text>
+    </g>
+    <g fill="rgb(240,188,47)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-343,542)" stroke="rgb(240,188,47)">
+      <rect x="563.6735" width="97.342" height="58.7156" y="-300.314" clip-path="url(#clipPath2)" stroke="none"/>
+    </g>
+    <g stroke-linecap="butt" transform="matrix(1,0,0,1,-343,542)" fill="white" text-rendering="geometricPrecision" font-family="sans-serif" shape-rendering="geometricPrecision" stroke="white" stroke-miterlimit="1.45">
+      <text x="582.491" xml:space="preserve" y="-287.6203" clip-path="url(#clipPath2)" stroke="none">Command</text>
+      <text x="583.9412" xml:space="preserve" y="-273.4875" clip-path="url(#clipPath2)" stroke="none">Scheduler</text>
+      <text x="590.3895" xml:space="preserve" y="-259.3546" clip-path="url(#clipPath2)" stroke="none">Latches</text>
+      <text x="601.7859" xml:space="preserve" y="-245.2218" clip-path="url(#clipPath2)" stroke="none">etc.</text>
+    </g>
+    <g fill="rgb(240,188,47)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-343,542)" stroke="rgb(240,188,47)">
+      <ellipse rx="61.7072" ry="21.0911" clip-path="url(#clipPath2)" cx="611.7934" cy="-171.7693" stroke="none"/>
+    </g>
+    <g stroke-linecap="butt" transform="matrix(1,0,0,1,-343,542)" fill="white" text-rendering="geometricPrecision" font-family="sans-serif" shape-rendering="geometricPrecision" stroke="white" stroke-miterlimit="1.45">
+      <text x="556.0971" xml:space="preserve" y="-167.2342" clip-path="url(#clipPath2)" stroke="none">process_write_impl</text>
+    </g>
+    <g fill="rgb(240,188,47)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-343,542)" stroke="rgb(240,188,47)">
+      <ellipse rx="61.7072" ry="21.0911" clip-path="url(#clipPath2)" cx="611.7934" cy="-99.5872" stroke="none"/>
+    </g>
+    <g stroke-linecap="butt" transform="matrix(1,0,0,1,-343,542)" fill="white" text-rendering="geometricPrecision" font-family="sans-serif" shape-rendering="geometricPrecision" stroke="white" stroke-miterlimit="1.45">
+      <text x="558.4057" xml:space="preserve" y="-95.052" clip-path="url(#clipPath2)" stroke="none">MvccTxn::prewrite</text>
+    </g>
+    <g fill="rgb(240,188,47)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-343,542)" stroke="rgb(240,188,47)">
+      <ellipse rx="95.3253" ry="25.5" clip-path="url(#clipPath2)" cx="611.7934" cy="-14.1783" stroke="none"/>
+    </g>
+    <g stroke-linecap="butt" transform="matrix(1,0,0,1,-343,542)" fill="white" text-rendering="geometricPrecision" font-family="sans-serif" shape-rendering="geometricPrecision" stroke="white" stroke-miterlimit="1.45">
+      <text x="527.2016" xml:space="preserve" y="-9.6431" clip-path="url(#clipPath2)" stroke="none">MvccTxn::prewrite_key_value</text>
+    </g>
+    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-343,542)" stroke="rgb(255,204,0)">
+      <circle r="0.5" clip-path="url(#clipPath2)" cx="797.6199" cy="-383.4425" stroke="none"/>
+    </g>
+    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-343,542)" stroke-linecap="butt">
+      <circle fill="none" r="0.5" clip-path="url(#clipPath2)" cx="797.6199" cy="-383.4425"/>
+      <path fill="none" d="M366.9705 -384.3738 L508.468 -384.3738" clip-path="url(#clipPath2)"/>
+      <path d="M516.468 -384.3738 L504.468 -389.3738 L507.468 -384.3738 L504.468 -379.3738 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <rect x="392.2256" y="-393.4402" clip-path="url(#clipPath2)" fill="white" width="62.6582" height="18.1328" stroke="none"/>
+      <text x="394.2256" xml:space="preserve" y="-379.8387" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">mutations</text>
+      <path fill="none" d="M568.042 -407.7229 L556.9848 -418.1884 L545.5164 -432.1325 L535.9002 -447.4131 L528.1363 -464.0299 L526.7242 -468.3182" clip-path="url(#clipPath2)"/>
+      <path d="M524.2221 -475.9169 L523.2261 -462.9551 L527.037 -467.3684 L532.7244 -466.0827 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <text x="497.9393" xml:space="preserve" y="-440.3997" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">grpc</text>
+      <text x="481.0409" xml:space="preserve" y="-426.2668" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">GetRegion</text>
+      <path fill="none" d="M540.1713 -477.4428 L542.7928 -474.6041 L565.0583 -446.2314 L584.7133 -416.5304 L584.7617 -416.4428" clip-path="url(#clipPath2)"/>
+      <path d="M588.6595 -409.4567 L587.1791 -422.3721 L584.2744 -417.3161 L578.4464 -417.4998 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <rect x="543.0369" y="-455.2978" clip-path="url(#clipPath2)" fill="white" width="44.043" height="18.1328" stroke="none"/>
+      <text x="545.0369" xml:space="preserve" y="-441.6963" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Region</text>
+      <path fill="none" d="M638.8606 -407.5079 L641.8746 -422.9573 L646.4073 -437.364 L652.453 -450.6977 L660.0115 -462.9586 L668.6696 -473.6368 L668.7419 -473.7059" clip-path="url(#clipPath2)"/>
+      <path d="M674.4672 -479.2935 L662.387 -474.4904 L668.0262 -473.0075 L669.3715 -467.3338 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <rect x="596.9683" y="-468.46" clip-path="url(#clipPath2)" fill="white" width="53.7637" height="32.2656" stroke="none"/>
+      <text x="610.8042" xml:space="preserve" y="-454.8585" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">grpc</text>
+      <text x="598.9683" xml:space="preserve" y="-440.7256" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">GetStore</text>
+      <path fill="none" d="M704.3557 -475.785 L700.0853 -454.0706 L696.6352 -444.1428 L692.3337 -434.9639 L687.1812 -426.5342 L681.1774 -418.8535 L674.3224 -411.9218 L668.5713 -407.3078 L668.4869 -407.2542" clip-path="url(#clipPath2)"/>
+      <path d="M661.8873 -402.7325 L674.6127 -405.3903 L669.3118 -407.8194 L668.9606 -413.6398 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <rect x="670.5088" y="-449.3463" clip-path="url(#clipPath2)" fill="white" width="33.918" height="18.1328" stroke="none"/>
+      <text x="672.5088" xml:space="preserve" y="-435.7447" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Store</text>
+      <path fill="none" d="M581.213 -359.6778 L577.0483 -353.5973 L573.5924 -346.1554 L571.2996 -338.8145 L570.1699 -331.5746 L570.2034 -324.4355 L571.4001 -317.3973 L573.7598 -310.4601 L575.4454 -307.1893 L575.5025 -307.1072" clip-path="url(#clipPath2)"/>
+      <path d="M579.6223 -300.2495 L577.7287 -313.1109 L574.9875 -307.9644 L569.1566 -307.9612 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <rect x="474.2622" y="-332.514" clip-path="url(#clipPath2)" fill="white" width="97.5918" height="18.1328" stroke="none"/>
+      <text x="476.2622" xml:space="preserve" y="-318.9124" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">PrewriteRequest</text>
+      <path fill="none" d="M628.3627 -300.3281 L628.6326 -300.9373 L632.0896 -315.5212 L632.4218 -329.834 L629.6293 -343.8756 L625.967 -352.3987 L625.9113 -352.4818" clip-path="url(#clipPath2)"/>
+      <path d="M622.3792 -359.6598 L623.1911 -346.6852 L626.3528 -351.5845 L632.1636 -351.1003 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <rect x="589.0107" y="-338.9004" clip-path="url(#clipPath2)" fill="white" width="86.8223" height="18.1328" stroke="none"/>
+      <text x="591.0107" xml:space="preserve" y="-325.2988" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">PrewriteResult</text>
+      <path fill="none" d="M595.0446 -241.5811 L592.5623 -233.8699 L591.1884 -221.4788 L592.4246 -209.0732 L595.328 -199.6975 L595.3741 -199.6087" clip-path="url(#clipPath2)"/>
+      <path d="M598.5422 -192.2628 L598.3812 -205.2618 L594.9781 -200.527 L589.1988 -201.3017 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <text x="539.9612" xml:space="preserve" y="-205.4562" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Prewrite</text>
+      <path fill="none" d="M619.4683 -192.6738 L620.6131 -196.5178 L622.8525 -208.9041 L623.6448 -221.2984 L622.9902 -233.7008 L622.9878 -233.7151" clip-path="url(#clipPath2)"/>
+      <path d="M621.6521 -241.6028 L618.7258 -228.9364 L623.1548 -232.7291 L628.5854 -230.606 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <rect x="618.0146" y="-223.3835" clip-path="url(#clipPath2)" fill="white" width="69.6133" height="18.1328" stroke="none"/>
+      <text x="620.0146" xml:space="preserve" y="-209.7819" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">WriteResult</text>
+      <path fill="none" d="M599.7021 -151.0804 L597.7107 -144.701 L596.7719 -135.6783 L597.5721 -127.9874 L597.6019 -127.8919" clip-path="url(#clipPath2)"/>
+      <path d="M599.7286 -120.1798 L601.3585 -133.0772 L597.336 -128.8559 L591.7184 -130.4187 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <text x="542.8046" xml:space="preserve" y="-142.6708" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">mutation</text>
+      <path fill="none" d="M620.1536 -120.4876 L621.4776 -126.6555 L622.1232 -135.6783 L621.5992 -143.0006 L621.5782 -143.0984" clip-path="url(#clipPath2)"/>
+      <path d="M620.1356 -150.9673 L617.3816 -138.2623 L621.7586 -142.1148 L627.2177 -140.0656 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <text x="634.4066" xml:space="preserve" y="-122.8881" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">result</text>
+      <path fill="none" d="M599.5778 -78.9439 L599.2302 -78.235 L596.0894 -67.5589 L595.0425 -56.8827 L595.9988 -47.131 L596.027 -47.035" clip-path="url(#clipPath2)"/>
+      <path d="M598.1154 -39.3124 L599.8094 -52.2016 L595.7659 -48.0004 L590.1562 -49.5911 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <text x="538.1132" xml:space="preserve" y="-63.3025" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">key, value</text>
+      <path fill="none" d="M619.6018 -39.5757 L620.7094 -46.2066 L621.3037 -56.8827 L620.7094 -67.5589 L620.1802 -70.7265 L620.1534 -70.8229" clip-path="url(#clipPath2)"/>
+      <path d="M618.8049 -78.7084 L615.8992 -66.0372 L620.322 -69.8372 L625.7562 -67.7229 Z" clip-path="url(#clipPath2)" stroke="none"/>
+      <text x="634.0278" xml:space="preserve" y="-45.8263" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">result</text>
+      <path fill="none" d="M688.528 -383.9632 L789.12 -383.4831" clip-path="url(#clipPath2)"/>
+      <path d="M797.1199 -383.4449 L785.1439 -388.5021 L788.1201 -383.4879 L785.0962 -378.5023 Z" clip-path="url(#clipPath2)" stroke="none"/>
+    </g>
+  </g>
+</svg>
diff --git a/doc/tikv/transaction-handling-newbie-perspective/single-point-get-dfd.svg b/doc/tikv/transaction-handling-newbie-perspective/single-point-get-dfd.svg
new file mode 100644
index 0000000..15bf8ba
--- /dev/null
+++ b/doc/tikv/transaction-handling-newbie-perspective/single-point-get-dfd.svg
@@ -0,0 +1,201 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="665px" height="598px" viewBox="0 0 665 598" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组">
+            <rect id="矩形" fill="#FFFFFF" fill-rule="nonzero" x="0" y="0" width="665" height="598"></rect>
+            <ellipse id="椭圆形" fill="#99CC00" fill-rule="nonzero" cx="340.8539" cy="206.6816" rx="72.5196" ry="21"></ellipse>
+            <text id="GetRequest::execute" fill="#FFFFFF" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="281.1029" y="211.2168">GetRequest::execute</tspan>
+            </text>
+            <ellipse id="椭圆形" fill="#00ACD7" fill-rule="nonzero" cx="206.4286" cy="36.0665" rx="58" ry="21"></ellipse>
+            <text id="Server.GetRegion" fill="#FFFFFF" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="156.6532" y="40.6017">Server.GetRegion</tspan>
+            </text>
+            <rect id="矩形" fill="#FFCC00" fill-rule="nonzero" x="95.1113" y="241.6701" width="80" height="24"></rect>
+            <rect id="矩形" stroke="#000000" x="95.1113" y="241.6701" width="80" height="24"></rect>
+            <text id="buffer" fill="#000000" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="117.4013" y="258.2052">buffer</tspan>
+            </text>
+            <ellipse id="椭圆形" fill="#00ACD7" fill-rule="nonzero" cx="489.3521" cy="43.6816" rx="58" ry="21"></ellipse>
+            <text id="Server.GetStore" fill="#FFFFFF" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="444.6392" y="48.2167">Server.GetStore</tspan>
+            </text>
+            <ellipse id="椭圆形" fill="#FFC832" fill-rule="nonzero" cx="254.9023" cy="345.5455" rx="54.0624" ry="17.3086"></ellipse>
+            <text id="future_get" fill="#FFFFFF" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="224.8788" y="350.0806">future_get</tspan>
+            </text>
+            <rect id="矩形" fill="#FFCC00" fill-rule="nonzero" x="474.9936" y="289.8332" width="1" height="1"></rect>
+            <rect id="矩形" stroke="#000000" x="474.9936" y="289.8332" width="1" height="1"></rect>
+            <ellipse id="椭圆形" fill="#FFC832" fill-rule="nonzero" cx="254.9023" cy="418.7219" rx="67.2809" ry="17.3086"></ellipse>
+            <text id="SnapshotStore::get" fill="#FFFFFF" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="200.0615" y="423.2571">SnapshotStore::get</tspan>
+            </text>
+            <ellipse id="椭圆形" fill="#FFC832" fill-rule="nonzero" cx="254.9023" cy="491.8983" rx="67.2809" ry="17.3086"></ellipse>
+            <text id="PointGetter::get" fill="#FFFFFF" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="209.1083" y="496.4335">PointGetter::get</tspan>
+            </text>
+            <ellipse id="椭圆形" fill="#FFC832" fill-rule="nonzero" cx="254.9023" cy="565.0747" rx="67.2809" ry="17.3086"></ellipse>
+            <text id="load_and_check_lock" fill="#FFFFFF" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="193.8593" y="569.6099">load_and_check_lock</tspan>
+            </text>
+            <ellipse id="椭圆形" fill="#99CC00" fill-rule="nonzero" cx="493.2896" cy="305.5494" rx="58" ry="17.3086"></ellipse>
+            <text id="resolve_locks" fill="#FFFFFF" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="454.5065" y="310.0846">resolve_locks</tspan>
+            </text>
+            <ellipse id="椭圆形" fill="#FFC832" fill-rule="nonzero" cx="493.2896" cy="418.7219" rx="54.0624" ry="17.3086"></ellipse>
+            <text id="ResolveLock" fill="#FFFFFF" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="457.7614" y="423.2571">ResolveLock</tspan>
+            </text>
+            <rect id="矩形" fill="#FFCC00" fill-rule="nonzero" x="647.2285" y="201.2728" width="1" height="1"></rect>
+            <rect id="矩形" stroke="#000000" x="647.2285" y="201.2728" width="1" height="1"></rect>
+            <rect id="矩形" fill="#FFCC00" fill-rule="nonzero" x="17.489" y="185.6816" width="1" height="2.0384"></rect>
+            <rect id="矩形" stroke="#000000" x="17.489" y="185.6816" width="1" height="2.0384"></rect>
+            <rect id="矩形" fill="#FFC832" fill-rule="nonzero" x="431.578" y="466.0304" width="123.4233" height="52.3184"></rect>
+            <rect id="矩形" fill="#FFFF47" fill-rule="nonzero" x="431.578" y="466.0304" width="1" height="52.3184"></rect>
+            <rect id="矩形" fill="#FFFF47" fill-rule="nonzero" x="432.578" y="466.0304" width="121.4233" height="1"></rect>
+            <rect id="矩形" fill="#B28C23" fill-rule="nonzero" x="432.578" y="517.3488" width="122.4233" height="1"></rect>
+            <rect id="矩形" fill="#B28C23" fill-rule="nonzero" x="554.0013" y="466.0304" width="1" height="51.3184"></rect>
+            <text id="things" fill="#FFFFFF" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="475.0641" y="482.5919">things</tspan>
+            </text>
+            <text id="about" fill="#FFFFFF" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="476.5465" y="496.7247">about</tspan>
+            </text>
+            <text id="mvcc" fill="#FFFFFF" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="478.4362" y="510.8575">mvcc</tspan>
+            </text>
+            <polyline id="路径" stroke="#000000" points="313.6492 187.2152 251.7463 142.9207 244.7835 136.2101 240.16 127.7169 216.853 64.3901"></polyline>
+            <polygon id="路径" fill="#000000" fill-rule="nonzero" points="214.0898 56.8825 213.5423 69.871 217.1984 65.3286 222.9268 66.417"></polygon>
+            <text id="grpc" fill="#000000" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="200.5159" y="144.932">grpc</tspan>
+            </text>
+            <text id="GetRegion" fill="#000000" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="185.5159" y="159.0648">GetRegion</tspan>
+            </text>
+            <polyline id="路径" stroke="#000000" points="228.3748 55.5051 274.0662 95.9757 280.9182 103.1207 286.5026 111.2947 325.0872 179.0109"></polyline>
+            <polygon id="路径" fill="#000000" fill-rule="nonzero" points="329.0477 185.9617 327.4512 173.0601 324.5922 178.142 318.7627 178.0107"></polygon>
+            <rect id="矩形" fill="#FFFFFF" fill-rule="nonzero" x="269.5867" y="111.1885" width="44.043" height="18.1328"></rect>
+            <text id="Region" fill="#000000" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="271.5867" y="124.79">Region</tspan>
+            </text>
+            <line x1="175.1113" y1="244.5347" x2="276.1135" y2="221.4673" id="路径" stroke="#000000"></line>
+            <polygon id="路径" fill="#000000" fill-rule="nonzero" points="283.9127 219.6862 271.1006 217.4834 275.1385 221.6899 273.3271 227.2323"></polygon>
+            <rect id="矩形" fill="#FFFFFF" fill-rule="nonzero" x="185.1524" y="217.7565" width="73.1406" height="32.2656"></rect>
+            <text id="value" fill="#000000" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="206.5031" y="231.358">value</tspan>
+            </text>
+            <text id="(if-buffered)" fill="#000000" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="187.1525" y="245.4908">(if buffered)</tspan>
+            </text>
+            <polyline id="路径" stroke="#000000" points="462.4928 62.2941 405.4364 101.8323 398.0364 108.2775 392.2752 116.2216 356.5861 179.0056"></polyline>
+            <polygon id="路径" fill="#000000" fill-rule="nonzero" points="352.6327 185.9604 362.9097 177.999 357.0803 178.1362 354.2161 173.0573"></polygon>
+            <rect id="矩形" fill="#FFFFFF" fill-rule="nonzero" x="380.2581" y="98.4616" width="33.918" height="18.1328"></rect>
+            <text id="Store" fill="#000000" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="382.2581" y="112.0632">Store</tspan>
+            </text>
+            <polyline id="路径" stroke="#000000" points="476.9443 64.1954 441.7811 122.331 435.9393 130.3 428.7649 137.0941 366.169153 186.7317"></polyline>
+            <rect id="矩形" fill="#FFFFFF" fill-rule="nonzero" x="409.7239" y="114.7547" width="53.7637" height="32.2656"></rect>
+            <text id="grpc" fill="#000000" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="421.6614" y="128.3563">grpc</tspan>
+            </text>
+            <text id="GetStore" fill="#000000" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="411.7239" y="142.4891">GetStore</tspan>
+            </text>
+            <polyline id="路径" stroke="#000000" points="308.8408 225.5516 301.8241 230.5398 286.6947 245.1833 274.4889 261.6365 265.2068 279.8993 258.8483 299.9717 255.6726 320.2029 255.6705 320.3029"></polyline>
+            <polygon id="路径" fill="#000000" fill-rule="nonzero" points="255.2717 328.293 260.8636 316.5571 255.7203 319.3042 250.876 316.0586"></polygon>
+            <rect id="矩形" fill="#FFFFFF" fill-rule="nonzero" x="255.5436" y="245.5037" width="37.8906" height="32.2656"></rect>
+            <text id="grpc" fill="#000000" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="261.443" y="259.1052">grpc</tspan>
+            </text>
+            <text id="KvGet" fill="#000000" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="257.5436" y="273.238">KvGet</tspan>
+            </text>
+            <polyline id="路径" stroke="#000000" points="280.9011 330.3616 293.3074 321.3007 308.2807 306.5604 320.4344 290.0751 329.7686 271.8445 336.2832 251.8688 339.0419 235.6526 339.0456 235.5526"></polyline>
+            <polygon id="路径" fill="#000000" fill-rule="nonzero" points="340.0818 227.62 333.5696 238.8712 338.916 236.5442 343.4853 240.1666"></polygon>
+            <rect id="矩形" fill="#FFFFFF" fill-rule="nonzero" x="303.2147" y="281.0087" width="34.4395" height="18.1328"></rect>
+            <text id="value" fill="#000000" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="305.2147" y="294.6102">value</tspan>
+            </text>
+            <polyline id="路径" stroke="#000000" points="242.0198 362.3746 241.0986 363.8396 237.6478 372.9866 236.4974 382.1337 237.6478 391.2808 238.8171 394.3802 238.8703 394.4648"></polyline>
+            <polygon id="路径" fill="#000000" fill-rule="nonzero" points="241.9681 401.8407 241.9313 388.8407 238.4831 393.5428 232.7115 392.713"></polygon>
+            <rect id="矩形" fill="#FFFFFF" fill-rule="nonzero" x="226.9376" y="368.2473" width="23.9688" height="18.1328"></rect>
+            <text id="key" fill="#000000" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="228.9376" y="381.8489">key</tspan>
+            </text>
+            <polyline id="路径" stroke="#000000" points="272.4784 402.0356 273.8674 400.4277 278.6087 391.2808 280.1891 382.1337 278.6087 372.9866 276.4191 368.7623 276.3538 368.6866"></polyline>
+            <polygon id="路径" fill="#000000" fill-rule="nonzero" points="272.1799 361.8617 274.175 374.7076 276.8754 369.5397 282.7062 369.4905"></polygon>
+            <text id="value/KeyIsLocked" fill="#000000" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="298.515" y="386.6688">value/KeyIsLocked</tspan>
+            </text>
+            <polyline id="路径" stroke="#000000" points="245.4326 435.8369 244.8951 437.016 242.3932 446.1631 241.5593 455.3101 242.3932 464.4572 243.1227 467.124 243.1642 467.215"></polyline>
+            <polygon id="路径" fill="#000000" fill-rule="nonzero" points="245.461 474.8782 246.8053 461.9479 242.8771 466.2571 237.2263 464.8188"></polygon>
+            <rect id="矩形" fill="#FFFFFF" fill-rule="nonzero" x="231.3327" y="441.4237" width="23.9688" height="18.1328"></rect>
+            <text id="key" fill="#000000" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="233.3326" y="455.0253">key</tspan>
+            </text>
+            <polyline id="路径" stroke="#000000" points="268.7871 474.9263 269.6769 473.6042 273.3705 464.4572 274.6017 455.3101 273.3705 446.1631 272.0861 442.9821 272.0302 442.899"></polyline>
+            <polygon id="路径" fill="#000000" fill-rule="nonzero" points="268.7466 435.604 269.1125 448.5989 272.4406 443.8109 278.2314 444.4944"></polygon>
+            <text id="value/KeyIsLocked" fill="#000000" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="287.2072" y="459.8452">value/KeyIsLocked</tspan>
+            </text>
+            <polyline id="路径" stroke="#000000" points="244.5344 509.0133 243.9459 510.1924 241.2068 519.3395 240.2938 528.4866 241.2068 537.6335 242.0244 540.3636 242.069 540.4531"></polyline>
+            <polygon id="路径" fill="#000000" fill-rule="nonzero" points="244.5653 548.0537 245.5713 535.0927 241.757 539.5031 236.0706 538.213"></polygon>
+            <rect id="矩形" fill="#FFFFFF" fill-rule="nonzero" x="232.1583" y="509.7803" width="23.9688" height="18.1328"></rect>
+            <text id="key" fill="#000000" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="234.1583" y="523.3818">key</tspan>
+            </text>
+            <polyline id="路径" stroke="#000000" points="270.2554 548.2456 271.3531 546.7806 275.4658 537.6335 276.8367 528.4866 275.4658 519.3395 273.8971 515.8505 273.8372 515.7704"></polyline>
+            <polygon id="路径" fill="#000000" fill-rule="nonzero" points="270.2107 508.6395 271.1936 521.6023 274.2905 516.6617 280.1072 517.0692"></polygon>
+            <rect id="矩形" fill="#FFFFFF" fill-rule="nonzero" x="266.4894" y="520.2722" width="89.6289" height="18.1328"></rect>
+            <text id="KeyIsLocked/()" fill="#000000" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="268.4894" y="533.8738">KeyIsLocked/()</tspan>
+            </text>
+            <polyline id="路径" stroke="#000000" points="347.7842 227.5844 350.2329 233.9579 355.9591 245.9976 362.3763 256.9718 369.4847 266.8805 377.2842 275.7236 385.7748 283.5011 394.9565 290.2131 404.8293 295.8596 415.3932 300.4406 426.6481 303.9559 427.4441 304.1191"></polyline>
+            <polygon id="路径" fill="#000000" fill-rule="nonzero" points="435.281 305.7263 424.5302 298.4175 426.4645 303.9182 422.5212 308.2136"></polygon>
+            <rect id="矩形" fill="#FFFFFF" fill-rule="nonzero" x="346.2593" y="256.9142" width="66.0039" height="18.1328"></rect>
+            <text id="locked-key" fill="#000000" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="348.2593" y="270.5157">locked key</tspan>
+            </text>
+            <polyline id="路径" stroke="#000000" points="482.7019 288.5331 480.0355 284.2478 465.1241 265.5015 448.5555 249.3102 430.3297 235.6741 410.4466 224.5933 405.3901 222.5919"></polyline>
+            <polygon id="路径" fill="#000000" fill-rule="nonzero" points="397.9515 219.6477 407.2692 228.7131 406.3199 222.96 410.9495 219.4149"></polygon>
+            <text id="whether" fill="#000000" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="452.3706" y="238.819">whether</tspan>
+            </text>
+            <text id="resolved" fill="#000000" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="451.3247" y="252.9518">resolved</tspan>
+            </text>
+            <polyline id="路径" stroke="#000000" points="475.324 321.9894 465.6874 333.8425 461.6621 340.9159 458.7869 347.9891 457.0618 355.0624 456.4867 362.1357 457.0618 369.209 458.7869 376.2822 461.6621 383.3556 465.6874 390.4288 470.3672 396.1852"></polyline>
+            <polygon id="路径" fill="#000000" fill-rule="nonzero" points="475.4138 402.3926 471.7235 389.9274 469.7363 395.4093 463.9642 396.2356"></polygon>
+            <rect id="矩形" fill="#FFFFFF" fill-rule="nonzero" x="418.9584" y="346.0029" width="75.0566" height="32.2656"></rect>
+            <text id="grpc" fill="#000000" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="443.4408" y="359.6045">grpc</tspan>
+            </text>
+            <text id="ResolveLock" fill="#000000" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="420.9584" y="373.7373">ResolveLock</tspan>
+            </text>
+            <polyline id="路径" stroke="#000000" points="508.5818 402.1162 516.6093 390.4288 522.4392 376.2822 524.3824 362.1357 522.4392 347.9891 516.6093 333.8425 513.187 328.86"></polyline>
+            <polygon id="路径" fill="#000000" fill-rule="nonzero" points="508.6577 322.2656 511.3302 334.9879 513.7532 329.6843 519.5731 329.3263"></polygon>
+            <rect id="矩形" fill="#FFFFFF" fill-rule="nonzero" x="505.8239" y="353.0693" width="37.1172" height="18.1328"></rect>
+            <text id="result" fill="#000000" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="507.8239" y="366.6709">result</tspan>
+            </text>
+            <line x1="413.2631" y1="205.5233" x2="639.2295" y2="201.9088" id="路径" stroke="#000000"></line>
+            <polygon id="路径" fill="#000000" fill-rule="nonzero" points="647.2285 201.7809 635.1501 196.9734 638.2296 201.9248 635.3101 206.9722"></polygon>
+            <rect id="矩形" fill="#FFFFFF" fill-rule="nonzero" x="524.1912" y="194.4071" width="34.4395" height="18.1328"></rect>
+            <text id="value" fill="#000000" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="526.1912" y="208.0087">value</tspan>
+            </text>
+            <line x1="18.489" y1="186.7317" x2="261.951" y2="201.7986" id="路径" stroke="#000000"></line>
+            <polygon id="路径" fill="#000000" fill-rule="nonzero" points="269.9357 202.2927 258.2675 196.561 260.9529 201.7368 257.6498 206.542"></polygon>
+            <text id="key" fill="#000000" fill-rule="nonzero" font-family="Helvetica" font-size="12" font-weight="normal">
+                <tspan x="124.9351" y="198.4723">key</tspan>
+            </text>
+            <polyline id="路径" stroke="#000000" points="506.1008 435.5464 507.0649 437.0889 510.5087 446.2723 511.6566 455.4558 511.3197 458.1506 511.2845 458.2443"></polyline>
+            <polygon id="路径" fill="#000000" fill-rule="nonzero" points="509.9679 466.1351 516.8748 455.1217 511.4492 457.2578 507.0111 453.4758"></polygon>
+            <polyline id="路径" stroke="#000000" points="476.5953 466.0383 476.0707 464.6393 474.9227 455.4558 476.0707 446.2723 477.3344 442.9026 477.3873 442.8177"></polyline>
+            <polygon id="路径" fill="#000000" fill-rule="nonzero" points="477.2963 62 468 71.0873 473.7752 70.2826 477.2029 74.9997"></polygon>
+            <polygon id="路径" fill="#000000" fill-rule="nonzero" points="480.5172 435.4554 471.2209 444.5427 476.9961 443.738 480.4238 448.4551"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file