shillysit/nodelayer

Nodelayer is a desktop application built with native web technologies using Electron. Its purpose is to help people visualize connections between arbitrary data. Either it be a conversation with branching dialog, defining a path for NPCs in a game, or creating a family tree.

Nodelayer

a data visualization tool

Nodelayer is a desktop application built with native web technologies using Electron. Its purpose is to help people visualize connections between arbitrary data. Either it be a conversation with branching dialog, defining a path for NPCs in a game, or creating a family tree.

Installing / Getting started

TODO

Building a Standalone Executable

Install electron-packager globally.

Run in the root directory:

# where PLATFORM is the platform you wish to build for
electron-packager . Nodelayer --platform=PLATFORM

Features

• place and connect nodes
• load/save node webs
• add customizable properties to nodes
• create node prefabs

Contributing

If you'd like to contribute, please fork the repository and use a feature/fix branch. Pull requests are warmly welcome.

Licensing

The code in this project is licensed under MIT license.

nodelayer's Issues

Window Management

Add menu bar to main window to hide/show windows

Customizable connection color

Connections can have a global color or be set to blend between node colors.

Multi-select nodes

Adds the functionality to select multiple modes and move them as a group. Note that multi-editing for codes is covered in #8.

Panning on canvas

Selected node should visually change when selected

Reorder template properties

Currently you have to delete properties and re-add them in the desired order. This isn't ideal - would be better if you could drag and drop the properties to reorder them.

Edit multiple nodes that have the same template

Inspector should show editable node coordinates

Allow multiple inspector windows

This would be useful in situations where you want to compare properties on nodes.

Things to answer:

• How to visually denote the node that each inspector window is tied to
  • the visually selected node represents the last/current focused inspector window?
  • add a "locate node" button that will call out the node the inspector window is focused on?
• What would the interaction be to open an inspector window for a node?
  • Double click with a new tool?
  • Edit icon when hovering over node?

Customizable node color

Customizable canvas background

Set solid color or choose an image.

Saving/Loading

Add ability to save and load.