Link Search Menu Expand Document

Kumu exercise – visualizing a simple network



0. Step back:

Before diving in, we need to take a moment:

  • Consider your data and what relationships you’re trying to visualize.
  • Select the appropriate tool.
  • Clean and structure your data.
  • Open the Help document for your tool.

We have two .csv files in our data folder- one for nodes (people) and one for edges (relationships). While some tools will allow you to combine these files into one or use proprietary file types, best practice is to keep these elements separate and in a plain text format.

1. Access your workspace:

  1. Log-in to your free Kumu account https://kumu.io/dashboard
  2. The dashboard page is your landing page.
  3. Letters a-c illustrate the locations of the following elements:
    1. Kumu support options
    2. User menus (access workspaces, dashboard, account)
    3. Project listing (options individual projects and workspaces)

    Select Classic template

2. Create a new project workspace:

  1. Click on the option to create a new project from the top of the page.
  2. Fill out the project metadata fields to give your project a name and description.
  3. Click the blue button at the bottom of the wizard to proceed to then next screen.
    NOTE - Free accounts are public.

    Create new item

  4. Letters a-d illustrate the locations of the following elements:
    1. Map name (one project can have multiple maps).
    2. Select the Stakeholder template (equivalent to social network).
    3. Elements (nodes and edges) will be fixed in location to start.
    4. Connections (edges) are undirected (in our data set)
      Then click the Get Started button

    Kumu workspace

3. Explore Kumu workspace:

Numbers 1-7 illustrate the locations of the following elements:

  1. Kumu project space navigation (change view, delete project etc.)
  2. Map space navigation (to zoom in and out of your map)
  3. Settings (access to element properties for visualizing)
  4. Map actions (quick actions, metrics, data table, export and share)
  5. Add Data (draw nodes and edges or import from a file)
  6. Element overview (attributes for whatever is selected in the map)
  7. Map space (where your map will live)

    Kumu workspace

4. Import your nodes and edges data:

  1. Click the green plus sign at the bottom of the page and select the import option to load your data into the map.

    Load data box

  2. In the dialogue that follows in the csv import, browse to your nodes_RJ.csv file.
  3. Click the blue import button to proceed to the next screen.

    Load data box

  4. A preview of your data appears. Double-check to make sure the fields are showing up as you expect.
  5. Click the green Save import button at the bottom of your screen if all looks well.

    Load data box

  6. Your map should look something like:
    Load data box
  7. Repeat steps 1-5 with your edges_RJ.csv file.
    Note- In step 5 ensure you do not click the checkbox to overwrite existing data. This will remove your nodes data from the map.

    Load data box

  8. Your map should look something like:

    Load data box

5. Adjust node styles of the map to draw out themes.

In our nodes file, we had a field for ‘Loyalty’ (Montague, Capulet or None).

  1. Click the options button on the right side of the map to open the settings panel.

    Change workspace size dialogue

  2. Change the Color by field to Loyalty and select a colour palette of your choice.

    Change workspace size dialogue

  3. Your map should now look something like:

    Change workspace size dialogue

6. Set rules to decorate edges.

Next we want to pull out the types of relationships that are found in the data- namely who is related, which is captured in the edges data table and symbolize them with a dashed line.
In the Settings panel:

  1. Select the Decorate Connections option from the list of rules (at the bottom of the panel).

    decorate connection

  2. In the dialogue box that opens, fill it out as follows:
    1. Decorate custom selection
    2. Connection Type is Family members
    3. Click the change style box and select the Dashed option
    4. Type the label Family members in the Legend text box
    5. Click the blue Done button to close the wizard

    connection decoration dialogue

  3. Your network map should now look something like:

    workspace step 6

7. Calculate a metric to unlock proportional symbols.

Our current data did not come in with any degree data in the table. To be able to symbolize the nodes with proportional symbology depending on their degree of connectedness we need to calculate this metric.

  1. Select the metrics option from the list of tools at the bottom of the screen, and then social network analysis

    upload image dialogue

  2. In the dialogue that opens select the Degree option from the dropdown, and click the Discover the connectors button.
    A table will appear below the button that displays the degree values for each of our characters.

    degree dialogue

  3. Now when we return to the Style: Size drop-down at the top of the settings panel we have the option to symbolize.
  4. Select degree from the drop-down and adjust the sizes as you see fit.

    style dialogue

  5. Your network map should now look something like:
final image


8. Make final adjustments and export network map.

You’ve taken some time to adjust colour, placement and line weights, and your map is exactly how you want it for publication.

  1. Select the Export option from the list of tools at the bottom of the screen, and then the format you need.

    final image

  2. The Embed option to the right of Export allows you to copy code snippet and include the live interactive network map in a website.

Congratulations! You made it through!

Questions? Concerns?

Data: Shakespeare Play Data (Kaggle)