Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/stimulsoft/samples-dashboards.js-for-angular

JavaScript samples for Dashboards.JS data analytics tool for Angular and AngularJS applications
https://github.com/stimulsoft/samples-dashboards.js-for-angular

angular angular-app angular-components angular-dashboard angular-designer angular-viewer angularjs buttons charts charts-js dashboards data-tree data-visualization deployment filters list-box npmjs online-maps packages sorting

Last synced: 7 days ago
JSON representation

JavaScript samples for Dashboards.JS data analytics tool for Angular and AngularJS applications

Awesome Lists containing this project

README

        

# Angular samples for Stimulsoft Dashboards.JS

#### This repository contains the source code of the examples of usage Stimulsoft Dashboards.JS data visualization tool in the Angular applications, using JavaScript code and Angular embedded components. The data analysis tool and examples are fully compatible with all Angular versions and AngularJS framework.

## Overview
There is a set of examples for working with dashboard components:

* [Deployment in AngularJS](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/tree/main/Deployment%20in%20AngularJS)
This folder contains examples of integration the Dashboards.JS into simple AngularJS project.

* [Integrating the Dashboard Designer into an Application](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/tree/main/Integrating%20the%20Dashboard%20Designer%20into%20an%20Application)
This folder contains demo of using JavaScript HTML5 Dashboard Designer in the Angular project.

* [Integrating the Dashboard Viewer into an Application](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/tree/main/Integrating%20the%20Dashboard%20Viewer%20into%20an%20Application)
This folder contains demo of using JavaScript HTML5 Dashboard Viewer in the Angular project.

* [Supply Custom Headers for Json Database](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/tree/main/Supply%20Custom%20Headers%20for%20Json%20Database)
This folder contains demo of using JSON database loaded from another backend and protected with custom HTTP header.

## Running samples
To run the examples, open the required folder with the example and run the following commands in the console:
* run `npm install` to install all required module;
* run `npm start` to compile the application;
* navigate to `http://localhost:3000/` for AngularJS or `http://localhost:4200/` for Angular.

## Connect to SQL databases
Since pure JavaScript does not have built-in methods for working with remote databases, this functionality is implemented using server-side code. Therefore, Stimulsoft Dashboards.JS product contains server data adapters implemented using PHP, Node.js, ASP.NET, Java, .NET Core technologies.
* [DataAdapters.JS](https://github.com/stimulsoft/DataAdapters.JS)

## Other JS dashboard components
Many examples for other platforms and technologies are collected in separate repositories:
* [HTML / JS](https://github.com/stimulsoft/Samples-Dashboards.JS-for-HTML)
* [Node.js](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Node.js)
* [React](https://github.com/stimulsoft/Samples-Dashboards.JS-for-React)
* [Vue.js](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Vue.js)

## About Stimulsoft Dashboards.JS
Stimulsoft Dashboards.JS is a robust dashboard development tool designed for JavaScript-based applications. This product offers a powerful engine for data processing and visualization, along with an intuitive dashboard designer and an interactive viewer to review finalized documents. Dashboards.JS is compatible with any HTML5 and JavaScript supported web browser, making it suitable for creating dashboards. Furthermore, it easily integrates with React, Vue.js, Node.js apps and projects, and can be utilized both on the client-side and the server-side.

## Useful links
* [Live Demo](http://demo.stimulsoft.com/#Js)
* [Product Page](https://www.stimulsoft.com/en/products/dashboards-js)
* [Free Download](https://www.stimulsoft.com/en/downloads)
* [NPM](https://www.npmjs.com/package/stimulsoft-dashboards-js)
* [Documentation](https://www.stimulsoft.com/en/documentation/online/programming-manual/index.html?reports_js.htm)
* [License](LICENSE.md)