Visogram enables you to program and visualize things easily in your web browser.
The User Interfaces you create do directly become accessible by a broad variety of devices - all they need is a web browser.



Everything in Visogram is a module: A temperature sensor, a HTML button, a Twitter feeder.

  • Modules may generate signals: When measuring a new value, when clicking a button, ...
  • Modules may process signals: Sending the received message directly to Twitter
  • Modules have properties, e.g. range of the gauge (min/max. value to be displayed)
  • Modules have inputs and outputs
  • Modules can interact by connecting them
A temperature sensor may be abstracted as a module called TempSensor. Whenever it measures a new value, this value is feeded into the UiGauge module, which in turn is the abstraction of a graphical UI element. Finally the event is pushed to the browser and the UiGauge element updates itself (the angle of the arrow changes).


The Visogram Host is the hidden core of Visogram. It executes the business logic and has an embedded webserver that exposes different APIs that are used by the three web based interfaces - Developer, Designer and UI.


The Developer is the graphical development environment of Visogram, which is used for programming and debugging. Visogram comes with a lot of different modules, that cover many applications. You can load custom plugins that extend the set of available modules.


The Designer is used to position and resize all UI elements which should be displayed in the UI. All UI elements are freely scalable to any screen size.

User Interface

The user interface (short: UI) is the main interface for the end-user. There are several UI modules like buttons, sliders, graphs, gauges, leds, etc. which act sources of user's input or can be used to visualize information to the user.




If you like Visogram, please consider a donation:
© 2012 Yailo GbR - About