Dashboards

Each page in the site is a dashboard. You can have as many dashboards as you like, and you can create a dashboard hierarchy with the path to your pages.

To create a new dashboard, enter a new page URL in your browser. Like a Wiki, if the page doesn't exist, monitor dashboard asks if you want to create one at that URL.

Header

The header contains the page title and main menu. Hovering over the title displays the page description (if one is set), and clicking the title takes you to the page settings dialog.

The drop-down menu lets you manage various elements within the page, and the About section gives kudos to the software used to build monitor dashboard.

Clicking the logo on the right opens and closes the header bar.

Sidebar

The dashboard pages in your site are displayed in the sidebar for single-click navigation. The sidebar is updated as pages are added, and a page hierarchy is maintained based on the URL path to the page.

Page tours are also shown in the sidebar, and can be run by selecting the tour. For more on tours, head over to the tours overview page.

The sidebar can be resized by dragging the divider, and clicking the divider quickly opens and closes the sidebar. Like opening and closing the header, this can be handy for full screen monitors.

New pages and tours can be added by hovering over the Pages and Tours title bar, and selecting the icon to the right.

Components

Components are the items contained on a dashboard page. They are added by selecting "Add a Component" on the drop down menu, and they can be sized and positioned anywhere on the canvas.

Clicking on the component title opens a settings screen to customize the component. Changes are seen immediately, but aren't persisted to the page until the 'Save' button is pressed. A "view source" button is available giving you access to the underlying structure of that component.

A core set of components from the core-monitor project are bundled with monitor dashboard, and other component types can be written and packaged as monitor apps.

Core Components

The following components are installed by default from the core-monitor project.

App Viewer

An application process viewer

Bar Chart

A Highcharts bar chart

Button

A button to place on a page that runs javascript when pressed

Clock

A clock can put a finishing touch on a dashboard

Gauge

A fuel gauge for expressing the current state

HTML Template

Place any HTML on your dashboard, optionally merging backend data with text.

Line Chart

A highcharts line chart

Log Viewer

A highly configurable log viewer, with a filtering and JSON expansion.

Object Inspector

Monitor any globally available object. If the object is a backbone model, monitor changes in real time.

Pie Chart

A Highcharts pie chart

Probe Viewer

Monitor any probe running in any of your Node.js processes.

REPL Console

Yeah. In a browser.

Slider

Show the state of a numeric variable, and allow user input.

Spark Line

A Highcharts line chart, without the dressing.

Web Snippet

Embed a snippet of another web page in your dashboard.