A dashboard app to visualize Graphite data using Cubism.js and NVD3
Install dependencies from npm
$> npm install
Onyx comes with an example config.json file in the app directory called config_example.json.
This can be used as a starting point for configuring Onyx to display data as desired.
$> cp app/config_example.json app/config.json
Be sure to update the graphite property in config.json with correct hostname that graphite is running on.
There are two different sections in the configuration to define metrics and how they are graphed.
The cubism property is an array of objects that define the metrics and information for a single Cubism page.
They all must have the type of cubism.
The graphs property is an array of objects that define the metrics and information for a single NVD3 page.
Currently only the following types of NVD3 graphs are available:
- Simple Line type: lineGraph
- Line with View Finder type: lineWithFocusGraph
- Stacked Area type: stackedAreaChart
For each cubism and graph object the name, title, type and metrics properties must be defined.
name: this is used for the route/url
title: this is used for the navigation and header on the page
type: this is used to render the graph as line/lineWithFocus/stackedArea
metrics: is an array of metric objects and their aliases
