Skip to content
Josh Wasserman edited this page Aug 27, 2018 · 6 revisions

JS Catalyst

Build Status DeepScan grade Coverage Status

An open source Vue component toolkit to quickly build realtime dashboards and allow for instant sharing of dashboards and charts

A UI Developer's Guide

JSCatalyst is an Open Source Platform to support development and lifecycle management of high impact full-stack JavaScript applications in a CI/CD world. The platform accelerates application development and provides both designers and developers with tools to declaratively build user interfaces that function across all types of devices and browsers.

The purpose of this guide is to explain the layout of the application, provide an overview of dependencies and operations, and walk through how to implement visualizations and dashboards. In particular, we’ll cover:

  • An overview of the application and basic architecture
  • How to make an API call to get data
  • How to create a D3 component
  • How to create a non-D3 component (menus, lists, tabs, etc.)
  • How to create a data table
  • How to create a new dashboard
  • Testing

Please refer to the ‘Example’ dashboard which provides a simple structure for a dashboard including layout, data visualizations, and tables.

Clone this wiki locally