Visualizing the Web

One of the key features of Butterflyzer is that it allows you to Navigate through enormous amounts of information to zero in on just what you need and get rid of those pieces you don't.

Exploring Web Pages with Graphs

Use the power of graphs in your internet research.

Visualizing Complex Relationships

Discover the deep relationships between Resource items.

Exploring Web Pages with Graphs

To help us to understand graph relationships, Butterflyzer provides powerful and easy to user graphing tools. The best way to understand how they work is to explore.

Before getting started, you might want to:

Displaying Items in Graph

To quickly see the items related to a given Semantic Tag:

  1. If you've been working with Butterflyzer already, Create a new Catalog (optional).

  2. Use the Show View Menu to hide all of the views except for the Outline and Graph View (optional).

  3. Perform a Search on the term "Apple".

  4. Open the "Collections" entry in the Outline is it is not already open.

  5. Open the "Queries" entry. (Butterflyzer will be updating this information constantly as the search progresses.)

  6. Navigate to the "Apple" Search Term and click on it.

  7. The graph updates with the terms associated with the term "Apple". All of the related terms fit together into a search box.

  • When a number of items all share the same relationship, they are placed into a single group.

  • The size of text within the groups are set by your Scale Topsy Scale Related Scale Count.

Displaying Multiple Items in Graph

To see more complex relationships between multiple entities, try this:

  1. Select "John Sculley" and "Steve Wozniak". See Selecting Multiple Items.

  2. The view updates to display the relationships between articles with those two names.

  • The items that both arrows point to contain both Tags. The items on the bottom left only mention "Steve Wozniak". There are no articles that mention "John Sculley" and don't also mention "Steve Wozniak".

  • Note how you can quickly identify complex relationships between entities in this way.

Visualizing Complex Relationships

Now let's look at how we can use the graph tools to find out what's inside a web page without looking and to discover connections between web pages.

Displaying Related Items in Graph

To show complex relationships between a number of different semanticall realted Web Pages, let's look at how people are related within stories about Apple:

  1. Follow the steps in Displaying Items in Graph.

  2. Now, click on the "People" Semantic Type.

  3. The graph will update and display different items.

  • That's a lot of information! In the next section, we'll clean that up a bit.

Filtering Information in Graphs

There are many ways that you can filter information to reduce the size and complexity of a graph. See the Filter Menu section for more ideas.

To reduce the clutter in your graph:

  1. Follow the steps in Displaying Related Items in Graph.

  2. In the Filter Menu select the Filter Categories Menu Item and the Filter Cliques Menu Item.

  3. The graph will update with the filterred items removed.

Removing Items from Results

When we've removed categories and cliques from the graph we often see "islands" of unrelated items.

To remove uninteresting items from a graph:

  1. Follow the steps in Filtering Information in Graphs

  2. Drag the mouse over one of the items and click the

    Remove from Focus button.

  3. Do the same thing for items in the other group.

  4. Each time the items will be removed form the graph, and the view will be updated.

The graph should now look like this. Naturally, Steve Jobs is in the center.

Simplifying the Graph Display

There are many things you can do to simplify the graph. Let's get rid of the text for the tags so we can focus on the items themselves.

To find out about other options for reducing visual clutter see the Draw Options Menu section.

To hide item text:

  1. Follow the steps in Removing Items from Results.

  2. Unselect the Show Tag Text Menu Item in the Draw Options Menu.

  3. The graph will update and display the tags as filled circles.

Use Scale to Make Graphs Effective

There are many ways to customize the display to show just the information that you need in a compelling way.

To make the graph show number of articles by size:

  1. If you haven't already done so, do a search for "Apple" in a new Graph. See Displaying Items in Graph.

  2. Click the "OperatingSystem" category.

  3. Select the Scale Count Menu Item and unselect the Scale Topsy and Scale Related items in the Draw Options Menu.

Or you can just download the example file.

For other visualization options, see the Draw Options Menu section.