Another Word For It Patrick Durusau on Topic Maps and Semantic Diversity

April 4, 2013

Directed Graph Editor

Filed under: Authoring Topic Maps,D3,Graphs — Patrick Durusau @ 5:32 am

Directed Graph Editor

This is a live directed graph editor so you will need to follow the link.

The instructions:

Click in the open space to add a node, drag from one node to another to add an edge.
Ctrl-drag a node to move the graph layout.
Click a node or an edge to select it.

When a node is selected: R toggles reflexivity, Delete removes the node.
When an edge is selected: L(eft), R(ight), B(oth) change direction, Delete removes the edge.

To see this example as part of a larger project, check out Modal Logic Playground!

Just an example of what is possible with current web technology.

Add the ability to record properties, well, could be interesting.

One of the display issues with a graph representation of a topic map is the proliferation of links, which can make the display too “busy.”

What if edges only appeared when mousing over a node? Or you had the ability to toggle some class of edges on/off? Or types of nodes on/off?

Something to keep in mind.

I first saw this in a tweet by Carter Cole.

1 Comment

  1. […] have a firm grasp on what kinds of keyframes control animations differently, how to use the graph editor, and how to make a few really useful keyframe combinations for flowing and easy animations in After […]

    Pingback by Digital Tutors - Demystifying Keyframe Interpolation in After Effects with Laura Smith Tutorial — April 11, 2013 @ 4:10 pm

RSS feed for comments on this post.

Sorry, the comment form is closed at this time.

Powered by WordPress