Rubics Cubism

Often times, I find myself looking at graphs generated from Graphite and wishing I could align the graphs to find correlated metrics easily. This project uses Mike Bostock's Cubism to densely display time aligned metrics on a single page.

AngularJS is used to create a page that is user editable. I don't always know what metrics I want to see when, but I'd prefer to do all the modifications in the browser.

TODO

• Metrics
  • Done: Controller/View to allow exclusion of metrics
  • Done: Edit Metrics using Controller/View
  • Done: Allow "variables" in metric path, example:
    • sys.$HOST.loadavg.*
    • Creates a HOST:[ ] input field in the interface.
    • Set "box-001.example.com" hit "Update" and metrics are refreshed on the page.
  • Done: Support for functions like sumSeries(security.logging.indexer.logproc-1*.total), which sent to graphite as is
  • Done: Support for functions which expand the metric with a $* instead of a * like nonNegativeDerivative(general.es.logsearch-$*.http.total_opened), which will be expanded into multiple graphs
• Dashboards
  • Done: Controller/View to allow saving dashboards by name
  • Done: Backends for Dashboard Storage?
  • URL links to a dashboard
  • Filter box to filter the list of dashboards
  • Refresh the list of remote and local dashboards
  • scroll bar in the dashboards list

Credits

• Cubism
• AngularJS
• Bootstrap
• Angular Bootstrap Colorpicker
• jQuery