◌Network Mapping Tool Saved on this device
NETWORK MAP

It all starts with a connection.

Drag markers into place. Click to edit.

Strong tieWeak tieGlue person
Example map · customize it or start a blank mapManual glue people · private on your device

A new face

Add a person, team or organization.

Take your network with you

Export an image or save your map to continue later.

Exports include the names on your map. Share them with the intended recipients.

How to create your network map

  1. Student at the center. The Student stays fixed in the middle and can have connections. It cannot be moved, renamed, deleted or selected as the glue person.
  2. Add markers. Name people or organizations. Double-click an empty spot to start there.
  3. Place your markers. Drag a marker. Use the circles to represent distance or involvement in your own way.
  4. Make connections. Choose Connect, select weak or strong, then click two markers. Click a line to edit it.
  5. Choose glue people. Select a marker and set Glue person to Yes. Set it to No to remove the gold border. You can select at most one glue person; choosing another replaces the previous choice. Connection counts never select glue people.
  6. Save and share. Your map is saved locally. Use JSON for a backup or to continue on another device; use PNG or SVG to share an image. Older maps gain a central Student. If an import contains multiple glue people, only the first in file order stays selected.
  7. Work on your phone. Use Expand map for more space, Fit for an overview and Close full view to return. Drag markers to move them; swipe empty map space to explore.

Keyboard: Tab and Enter to select, arrow keys to move a selected marker (Shift = larger step), Escape to stop connecting, Ctrl/Cmd+Z to undo.

Continue?

Version history

Current version: 1.8.0. Earlier version numbers were assigned retrospectively to the project history.

  1. 1.8.0 · Blank start and example map

    Start with a blank Student-centered map, load the example on demand and keep overlapping markers above the Student.

  2. 1.7.0 · Student-centered network

    Limited glue selection to one person and added a prominent fixed Student in the center.

  3. 1.6.1 · Compatible legacy redirect

    Made the old manual.html bookmark redirect compatible with the production security policy.

  4. 1.6.0 · Manual glue people by default

    Removed automatic glue selection and the separate variant. Glue people are now always chosen manually.

  5. 1.5.0 · Manual glue people variant

    Added a separate manual-only version with independent local storage.

  6. 1.4.1 · Privacy-friendly analytics

    Added cookieless Umami analytics for the hosted production domain. Map contents remain private on this device.

  7. 1.4.0 · Version history

    Added a version history in the app and project documentation.

  8. 1.3.0 · Focused phone workspace

    Expanded phone view, Fit control and keyboard-aware editor. The laptop layout stays the same.

  9. 1.2.0 · Mobile improvements

    Larger touch targets, scrollable map zoom, a horizontal people list and a bottom editor. Responsive layouts checked; physical phone testing remains outstanding.

  10. 1.1.0 · English interface

    Translated the interface, help, messages, exports and original example labels into English.

  11. 1.0.0 · First version

    Editable markers, strong and weak ties, automatic and manual glue people, local saving, undo/redo, JSON import and JSON, PNG and SVG exports. No database required.