# MashMesh

## **What is MashMesh？**

MashMesh is a Web3 multidimensional relationship explorer powered by KNN3 GraphX Protocol, which makes the entities and relationships in KNN3’s Knowledge Graph visual and operable without programming.

## **What can you search in  MashMesh？**

When you first visit the page of MashMesh, you can see the search box with checkboxes related to different fields. To improve the search efficiency, you may choose desired fields before your searching. 

<figure><img src="https://3703881220-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVSeOxfGglRmmzBEG2Nml%2Fuploads%2FzwqBwb7gnaoacj7PcjYl%2FWechatIMG6034.png?alt=media&#x26;token=a146ae53-6757-4082-aad0-8884440a6d45" alt=""><figcaption><p>MashMesh</p></figcaption></figure>

Check the following table for more information about searching.

<table><thead><tr><th width="285">Objects</th><th>Fields</th><th>Search Keywords</th></tr></thead><tbody><tr><td>Avatar (Next.id)</td><td>Avatar</td><td>Avatar ID (0x…)</td></tr><tr><td>Twitter Account</td><td>Avatar</td><td>Twitter Handle</td></tr><tr><td>Address (EOA &#x26; Multisig)</td><td>Address</td><td>Address (0x…)</td></tr><tr><td>Event (POAP)</td><td>Event</td><td>Event Name (ID)</td></tr><tr><td>Token</td><td>Token</td><td>Token Name / Contract Address</td></tr><tr><td>NFT</td><td>NFT</td><td>Collection Name / Contract Address</td></tr><tr><td>Organization (Snapshot Space)</td><td>Space</td><td>Space Name (ID)</td></tr><tr><td>ENS Domain (Owner Address)</td><td>Domain</td><td>ENS Name</td></tr><tr><td>.bit Domain</td><td>Domain</td><td>.bit Name</td></tr><tr><td>Lens Profile</td><td>Lens</td><td>Lens Handle (.lens)</td></tr></tbody></table>

## **What can you view in MashMesh？**

### **Entities**

When the search succeeds, the entity will be shown in the center of the screen, and its detailed information will be displayed on the left.

<figure><img src="https://3703881220-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVSeOxfGglRmmzBEG2Nml%2Fuploads%2FmxmHz3JxneiP9Gx6eAsF%2FEntities.png?alt=media&#x26;token=5e2bb661-0757-4180-ad18-10e06fe8d00f" alt=""><figcaption></figcaption></figure>

### Relationships

With the entities as the vertices, the relationships between them are displayed as the directed edges and the source and target of which are shown below.

<table><thead><tr><th width="117"> </th><th width="98">Follow</th><th width="89">Own (Lens)</th><th width="87">Follow (Lens)</th><th width="89">Hold</th><th width="93">Attend</th><th width="86">Vote</th><th width="88">Bond</th></tr></thead><tbody><tr><td>Address</td><td>Source ⇆Target</td><td>Source</td><td>Source</td><td>Source</td><td>Source</td><td>Source</td><td>Source</td></tr><tr><td>Lens Profile</td><td></td><td>Target</td><td>Target</td><td>-</td><td>-</td><td>-</td><td>-</td></tr><tr><td>Token</td><td></td><td>-</td><td>-</td><td>Target</td><td>-</td><td>-</td><td>-</td></tr><tr><td>NFT</td><td></td><td>-</td><td>-</td><td>Target</td><td>-</td><td>-</td><td>-</td></tr><tr><td>Event</td><td></td><td>-</td><td>-</td><td>-</td><td>Target</td><td>-</td><td>-</td></tr><tr><td>Space</td><td></td><td>-</td><td>-</td><td>-</td><td>-</td><td>Target</td><td>-</td></tr><tr><td>Bits</td><td></td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>Target</td></tr><tr><td>Avatar</td><td></td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>Target</td></tr><tr><td>Twitter Account</td><td></td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>Source</td></tr></tbody></table>

{% tabs %}
{% tab title="Follow" %}
KNN3 aggregates the following relationships from RSS3 and Cyberconnect. In Mashmesh, the following relationships are turned into directed edges from the follower to the following address.

<figure><img src="https://3703881220-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVSeOxfGglRmmzBEG2Nml%2Fuploads%2FPtNQVLflYKOF1Wh4APFr%2FGroup.png?alt=media&#x26;token=22f14570-61cc-47ad-86a7-a980dcb480ff" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Lens " %}
On Lens Protocol, users mint Follow NFTs to follow someones' profile.

<figure><img src="https://3703881220-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVSeOxfGglRmmzBEG2Nml%2Fuploads%2FSFht08TxPEoLIS1d9iLc%2Flens%20profile%20width.png?alt=media&#x26;token=e289c569-11c4-4632-893f-2ce5cb4fecfd" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Hold" %}
On the basis of KNN3 GraphX Protocol, the verified possession of assets is displayed as follows. In this case, ENS is an entity representing the collection of all ENS domains, and the possession of specific domains is displayed as the details of the holding addresses on the left sidebar.

<figure><img src="https://3703881220-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVSeOxfGglRmmzBEG2Nml%2Fuploads%2FmE5nZDQgBK7Y0hNpU6as%2FGroup%203.png?alt=media&#x26;token=f6d66e18-c0e3-4ce1-8c1b-224e7aaa80fe" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Attend" %}
The attendance of events is displayed as the possession of the corresponding POAP is verified.

<figure><img src="https://3703881220-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVSeOxfGglRmmzBEG2Nml%2Fuploads%2FrFt0YwwsO7AEzyxvyIAS%2FGroup%204.png?alt=media&#x26;token=7ca2996e-24bd-4713-a2a1-112a7af38d27" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Vote" %}
The vote shows the address has participated in the governance of the organization on Snapshot.

<figure><img src="https://3703881220-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVSeOxfGglRmmzBEG2Nml%2Fuploads%2Fi6fOUyovHPubZAlh6lJ9%2FGroup%205.png?alt=media&#x26;token=b667f567-7622-4b08-acd4-fe29e7e3abf3" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Bond" %}
Only If verified, the bond from addresses and Twitter accounts to DIDs (.bit, Avatar) will be shown.

<figure><img src="https://3703881220-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVSeOxfGglRmmzBEG2Nml%2Fuploads%2FHGIEOG7ACI5bAT0t4Ui6%2FGroup%202.png?alt=media&#x26;token=f6ba79ad-b155-46df-b991-5eecf9d5187f" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

## How to operate the graph?

To better operate the graph and explore the web3 relationship network, we hope you are fully familiar with the following features.

{% tabs %}
{% tab title="Expand" %}

* You can right-click on the vertex to find **Expand** in the context menu.
* And then you can expand any types of entities related to the vertex.
* For optimal performance, the expanded entities are paging queried, you can keep expanding until it's fully expanded.

<figure><img src="https://3703881220-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVSeOxfGglRmmzBEG2Nml%2Fuploads%2FNr7hU0olTrC2lsFDtDhK%2FExpand.png?alt=media&#x26;token=8ea0c851-79a1-4388-a3ad-21274569cde6" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Fold & Pin" %}

* The types to be folded are the same as those of expanding.&#x20;
* You can also fold all the expanded vertices, except the vertices influenced by the Pin feature.

<figure><img src="https://3703881220-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVSeOxfGglRmmzBEG2Nml%2Fuploads%2Ft8S8vNEBX3xtcHYBXVEd%2FFold.png?alt=media&#x26;token=9deb5bb6-cd6f-4fbe-a3d4-60250922b2e8" alt=""><figcaption></figcaption></figure>

* You can pin/unpin the vertices in the context menu.

<figure><img src="https://3703881220-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVSeOxfGglRmmzBEG2Nml%2Fuploads%2FAPVdfwsYZlGIZKD3Jk3y%2FPin%20%26%20Unpin.png?alt=media&#x26;token=b5dc4022-b83c-4720-aa63-0d20d7fbfe38" alt=""><figcaption></figcaption></figure>

* The pinned vertex and its descendants can not be folded by its parent (who expands it), while still can be folded by its grandparents and ancestors.

<figure><img src="https://3703881220-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVSeOxfGglRmmzBEG2Nml%2Fuploads%2Fh3j7CegMkl1DpbSI1AQn%2FPin%20Tip.png?alt=media&#x26;token=8a0785fd-9b9c-45c4-aa2b-bf8b9e29cd79" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Customize" %}

* In the context menu, you can customize the color, size, and caption of the vertex.

<figure><img src="https://3703881220-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVSeOxfGglRmmzBEG2Nml%2Fuploads%2FROWRUuDPKOCcz3aThNfR%2FCustomize.png?alt=media&#x26;token=298f09c4-81a3-447d-87b0-9c0ee826ec84" alt=""><figcaption></figcaption></figure>

* For example, you can choose the ENS domain, the name (on RSS3), or the address as the caption of the EOA entity.

<figure><img src="https://3703881220-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVSeOxfGglRmmzBEG2Nml%2Fuploads%2Fq6L9yQFtMsHjhlYIRYB2%2FCaption.png?alt=media&#x26;token=43f23474-63e4-4bb7-9f17-5cd18b98f396" alt=""><figcaption></figcaption></figure>

* Note that all the vertices of the same type will be customized.
  {% endtab %}

{% tab title="Focus" %}

* You can (left) click on the vertex to focus on it, and its detailed information will appear on the left sidebar.

<figure><img src="https://3703881220-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVSeOxfGglRmmzBEG2Nml%2Fuploads%2Fj2MDCiFWX9QmHCICUu3j%2FFocus.png?alt=media&#x26;token=14a4f2cd-ad69-4781-a8a8-7b45674c3fc8" alt=""><figcaption></figcaption></figure>

* When you view details of an address on the left sidebar, you can click on an NFT collection to move the focus to the corresponding vertex on the graph (if expanded).
  {% endtab %}

{% tab title="Search in GraphQL" %}
You can click on the button of **Search in GraphQL** to write your own query, and we provide an example for your reference.
{% endtab %}
{% endtabs %}

## Start your exploration&#x20;

{% embed url="<https://mashmesh.knn3.xyz/>" %}