Data Flow Architecture

OTAS Base provides a web based API for accessing OTAS content. The API is hosted in OTAS's private cloud. In a typical application architecture, the client application runs on servers within the client firewall. The app accesses OTAS content through calls to the API. The client app may then integrate this content with the firm's internal proprietary data and analysis, which remains within the client firewall.

Key Components

REST Data API

The REST style API provides content access. Elements like flags, t-statistics, ratios and recent changes are returned in JSON format. Some static visual elements such as stamps are made available in SVG format, which can be rendered in web controls (future versions may provide png format as an option).

View Details >>

Visualisation

Our JavaScript library provides functions to assist in data access, post processing and visualisation.

View Details >>

CSS files for UI Styling

Our CSS files provide the look-and-feel styling to replicate the OTAS interface.

View Details >>

Getting Started

The OTAS Base visualisation library is a collection of JavaScript and CSS files to be included in web applications. The JavaScript files provide commonly used functionality when dealing with the OTAS Base Data REST API, as well as OTAS visualisation components authored as JQuery plugins. The CSS files assist with styling the visualisation components, and help recreate the OTAS look and feel for the whole application.

Download

It is easy to start using the OTAS Base visualisation library with CDN. Please see the latest OTAS Base Visualisation CDN Links.

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//base-dev.otastech.com/library/1.0/css/otasbase.min.css">
<link href="//base-dev.otastech.com/library/1.0/css/otasbase-bootstrap.css" rel="stylesheet">

<!-- Latest compiled and minified JavaScript -->
<script src="//base-dev.otastech.com/library/1.0/js/otasbase.min.js"></script>

Prerequisites

The following libraries are required to use the OTAS Base visualisation components. Quick start development with the starter template.

<!-- jQuery -->
<script src="//base-dev.otastech.com/library/1.0/js/jquery.min.js"></script>

<!-- Bootstrap -->
<script src="//base-dev.otastech.com/library/1.0/css/otasbase-bootstrap.css"></script>
        
<!-- highcharts -->
<script src="//code.highcharts.com/highcharts.js"></script>

Basic template

Start with this basic HTML template, or modify these examples. We hope you'll customise our templates and examples, adapting them to suit your needs.

Copy the HTML below to begin working with a minimal OTAS Base Visualisation document.

<!DOCTYPE html>
<html lang="en">
             <head>
             <meta charset="utf-8">
             <meta http-equiv="X-UA-Compatible" content="IE=edge">
             <meta name="viewport" content="width=device-width, initial-scale=1">
             <title>OTAS Base starter template</title>                                     

             <!-- OTAS Base css -->
             <link href="//base-dev.otastech.com/library/1.0/css/otasbase.min.css" rel="stylesheet">
        <link href="//base-dev.otastech.com/library/1.0/css/otasbase-bootstrap.css" rel="stylesheet">

             </head>
             <body>                    

             <!-- jQuery -->
             <script src="//base-dev.otastech.com/library/1.0/js/jquery.min.js"></script>
                     
             <!-- Bootstrap -->
             <script src="//base-dev.otastech.com/library/1.0/js/bootstrap.min.js"></script>
             
             <!-- highcharts -->
             <script src="//code.highcharts.com/highcharts.js"></script>
             
             <!-- OTAS Base js -->
             <script src="//base-dev.otastech.com/library/1.0/js/otasbase.min.js"></script>
             
             <!-- OTAS Base API Key -->
             <script>
               window.otasBase.data.apiKey ="556DA8B3A38CDEFA8F84E5241F65C";
             </script> </body> </html>

Examples

Build on the basic template above with OTAS Base's many components. We encourage you to customize and adapt OTAS Base to suit your individual project's needs.

Starter template

Nothing but the basics: compiled CSS and JavaScript along with a container.

Flag Row & Stamp Row

Load the optional Bootstrap theme for a visually enhanced experience.

Stamps With Custom Data

Multiple examples of grid layouts with all four tiers, nesting, and more.

FAQs

Coming soon.....