The app, laid out like its screen

MindShare sits in the middle, and around it the building blocks every graph is made of: nodes, links, properties, the Detail panel, filters, layout and the rest. Each feature hangs off the building block it belongs to, so the filter features gather around Filters and the shapes around Visuals.

The edges of the knowledge graph follow the edges of the app. The buttons of the top toolbar run along the top, the left toolbar sits on the left, and the panels and messages that appear on the right of the screen line the right side. Wherever you are in the graph, you can see where that part of the app is.

Four questions this knowledge graph answers

What is inside a node?

Everything about an idea. A node has a name drawn inside its shape, a type that decides its shape and colour, a size, a description and, if you want, properties and pictures. On the canvas you see only the name. Click the node and the Detail panel opens on the right with the rest: the description, the properties, the gallery and every connected node, each introduced by the name of the link.

Click one of those connections and the canvas flies to that node and opens its panel. That is how you read a whole subject: one panel at a time, without the canvas ever getting crowded.

What is this connected to?

Point at a node. The node and the links to its neighbours stand out, and the rest of the graph steps back. Move the pointer away and everything returns. It answers the most common question about any idea without a single click, and it works on every node in every graph.

When the neighbour you want is far away, double-click it and the canvas flies there.

The whole MindShare knowledge graph at rest, with the Mindshare circle in the middle and every node shown at full strength
The whole knowledge graph, with the pointer away from every node.
The same view while pointing at Mindshare: its capabilities, showcases and building blocks stand out and the rest of the graph is faded
The same view, pointing at Mindshare: its capabilities, the showcases and the building blocks it connects to stand out.

How do I see less?

Big graphs are useful because they hold everything, and hard to read for the same reason. Open the legend and click one type: every other node fades. For anything finer, build a filter on a type, a kind of connection or any property, combine filters with AND and OR, and choose whether the nodes you filtered out fade or disappear.

In this knowledge graph, click Use Case in the legend and only the five showcases remain.

Where does my data go?

Nowhere, until you say so. When you paste JSON on the home screen, MindShare checks it in your browser, and nothing reaches the server until you click Persist on server. Once a graph is persisted, Share copies a link that reopens it exactly as you see it: the same place, the same node open, the same filters on. Download gives you the whole graph back as a JSON file.

How to read the knowledge graph

  1. Start in the middle

    Click Mindshare, the largest circle. Its connections lead to the building blocks it is made of, such as Node and Link, to the capabilities it offers, and to the five showcases it is shown in.

  2. Open a building block

    Click Detail. Its connections list what the panel shows, such as the description and the gallery, the click that opens it, and the dock on the right of the screen where it appears.

  3. Follow a feature to its button

    Click Share link to my view. It is offered by the Share button in the top toolbar, it requires Persist on server, and it carries the camera and the filters, which is how a shared link reopens the same view.

  4. See a feature at work

    The pink stars are the showcases on this site. Click Trial of Humanity: it is connected to the features it demonstrates, such as the legend filter, double-click to fly and the share link, and its description gives the address of its page.

  5. Find it on the screen

    Look along the edges. Top toolbar sits above its buttons, such as Filters, Persist on server, Share and Download, Left toolbar on the left, and the messages the app shows, such as Graph was persisted on the server, down the right.

Map your own product

Any product can be explained this way: software, a service, a machine, an internal process. Make its main parts the building blocks, hang each feature off the part it belongs to, and connect features to the controls that use them and to the examples that show them. A new team member then learns the product the way this page teaches MindShare. See how properties and types work, or ask us for help preparing the data.