HVAC Wiki

All things related to HVAC

User Tools

Site Tools


Sidebar

Wiki Home

suppliers:hvac.io:graphivac:modes:editor

Editor

The Editor will probably be your first mode in Graphivac. It enables you to easily draw beautiful HVAC systems.

If the mode is not active, you can switch to it by using the toolbar, or by pressing CTRL+E.

Controls and Shortcuts

Most usual shortcuts will work in Graphivac.

  • CTRL+S Save
  • CTRL+A Select all
  • CTRL+C Copy
  • CTRL+X Cut
  • CTRL+V Paste
  • CTRL+Z Undo
  • CTRL+Y Redo
  • DEL Delete

A complete list of shortcuts (which might be context dependent) can be seen from the toolbar.

Add/Edit Components

Objects

Drag a symbol from the symbol list and drop it on the canvas.

suppliers:hvac.io:graphivac:modes:editor:add-objects.gif

(Click for animation)

Conduits

Add New Conduit

Click on the duct or pipe button and then position the nodes on the canvas. A single right-click will cancel the pending conduit. A second right-click will complete the task and return to the normal grid.

suppliers:hvac.io:graphivac:modes:editor:draw-conduit.gif

(Click for animation)

Edit/Move Conduit

Move the complete conduit segment by dragging it, or move a node to change the direction or length.

suppliers:hvac.io:graphivac:modes:editor:edit-conduit.gif

(Click for animation)

Relations

Adding relations to conduits is an easy way to let users know from where the conduit is coming and to where it's going.

To add a relation, simply right-click on the end of a conduit and select a component.

suppliers:hvac.io:graphivac:modes:editor:conduit-relations.gif

(Click for animation)

Templates

Create New Template

To create a template, select the components, right-click and select “To template”.

suppliers:hvac.io:graphivac:modes:editor:editor-template.gif

(Click for animation)

Edit Existing Template

Double click on the template to enter it. Once inside, you can edit it like as if it was a normal grid.

suppliers:hvac.io:graphivac:modes:editor:edit-template.gif

(Click for animation)

Graphivac has the ability to load and show BACnet values from live network or historical data. To link to a BACnet object, open the component properties and go into the BACnet Link tab.

Alternatively, you can simply drag-n-drop a BACnet object from a Wacnet or Vigilia table directly on the canvas :

suppliers:hvac.io:graphivac:modes:editor:drop-bacnet-object.gif

(Click for animation)

Edit / Add Symbols

Symbols can easily be added by opening the Symbol Editor.

Internally, symbols are identified by a hierarchical ID, such as “duct.sensor.temperature”. This hierarchical identification allows Graphivac to fallback to a higher level in case a given symbol is not found.

For example, an organization may use “duct.sensor.temperature.johnson-controls.TE-6300” to represent a temperature sensor with a picture of their favorite product. If the user decides to use a new theme, he doesn't have to re-draw every single symbols in existence; he can simply create a more general “duct.sensor” and Graphivac will take care of using it as a fallback if the more precise symbol cannot be found.

Symbols should be SVG files and can be animated using inline CSS.

The editor will provide you with a live feedback of the SVG document. One thing to look for is how your symbols are represented for the different classes. (Graphivac will automatically assign classes reflecting the state of the object.)

suppliers/hvac.io/graphivac/modes/editor.txt · Last modified: 2017/04/29 00:45 by frozenlock