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-html

JavaScript samples for Dashboards.JS data visualization tool for HTML and native JavaScript applications
https://github.com/stimulsoft/samples-dashboards.js-for-html

analytics automation components dashboard-application dashboard-designer dashboard-viewer data-analysis embedded html5 indicators javascript js json-database native-javascript onepage panels pivot-tables simple-dashboard transformation website

Last synced: 7 days ago
JSON representation

JavaScript samples for Dashboards.JS data visualization tool for HTML and native JavaScript applications

Awesome Lists containing this project

README 

        
# JavaScript samples for Stimulsoft Dashboards.JS



#### This repository contains the source code of the examples of usage Stimulsoft Dashboards.JS data visualization tool in the HTML and JS Web applications, using JavaScript code and HTML5 embedded components. The data analysis tool and examples are fully compatible with all modern browsers and OS.



## Overview

A set of examples for working with Dashboards:

* [Adding a Font to the Resource](https://github.com/stimulsoft/Samples-Dashboards.JS-for-HTML/blob/main/Working%20with%20Dashboard/Adding%20a%20Font%20to%20the%20Resource.html)

* [Assigning a Dashboard to the Viewer](https://github.com/stimulsoft/Samples-Dashboards.JS-for-HTML/blob/main/Working%20with%20Dashboard/Assigning%20a%20Dashboard%20to%20the%20Viewer.html)

* [Changing the Designer Theme](https://github.com/stimulsoft/Samples-Dashboards.JS-for-HTML/blob/main/Working%20with%20Dashboard/Changing%20the%20Designer%20Theme.html)

* [Changing the Viewer Theme](https://github.com/stimulsoft/Samples-Dashboards.JS-for-HTML/blob/main/Working%20with%20Dashboard/Changing%20the%20Viewer%20Theme.html)

* [Creating a Table then Adding Two Filters and Exporting to Excel](https://github.com/stimulsoft/Samples-Dashboards.JS-for-HTML/blob/main/Working%20with%20Dashboard/Creating%20a%20Table%20then%20Adding%20Two%20Filters%20and%20Exporting%20to%20Excel.html)

* [Creating Dashboard at Runtime](https://github.com/stimulsoft/Samples-Dashboards.JS-for-HTML/blob/main/Working%20with%20Dashboard/Creating%20Dashboard%20at%20Runtime.html)

* [Customizing the Designer](https://github.com/stimulsoft/Samples-Dashboards.JS-for-HTML/blob/main/Working%20with%20Dashboard/Customizing%20the%20Designer.html)

* [Customizing the Viewer](https://github.com/stimulsoft/Samples-Dashboards.JS-for-HTML/blob/main/Working%20with%20Dashboard/Customizing%20the%20Viewer.html)

* [Editing a Dashboard Template](https://github.com/stimulsoft/Samples-Dashboards.JS-for-HTML/blob/main/Working%20with%20Dashboard/Editing%20a%20Dashboard%20Template.html)

* [Editing a Dashboard Template and Showing it in the Dashboard Viewer](https://github.com/stimulsoft/Samples-Dashboards.JS-for-HTML/blob/main/Working%20with%20Dashboard/Editing%20a%20Dashboard%20Template%20and%20Showing%20it%20in%20the%20Dashboard%20Viewer.html)

* [Exporting a Dashboard from Code](https://github.com/stimulsoft/Samples-Dashboards.JS-for-HTML/blob/main/Working%20with%20Dashboard/Exporting%20a%20Dashboard%20from%20Code.html)

* [Loading Scripts in Part to Minify Project](https://github.com/stimulsoft/Samples-Dashboards.JS-for-HTML/blob/main/Working%20with%20Dashboard/Loading%20Scripts%20in%20Part%20to%20Minify%20Project.html)

* [Localization the Designer](https://github.com/stimulsoft/Samples-Dashboards.JS-for-HTML/blob/main/Working%20with%20Dashboard/Localization%20the%20Designer.html)

* [Registering a Data for Dashboard Template](https://github.com/stimulsoft/Samples-Dashboards.JS-for-HTML/blob/main/Working%20with%20Dashboard/Registering%20a%20Data%20for%20Dashboard%20Template.html)

* [Registering a JSON Data for the Dashboard Template](https://github.com/stimulsoft/Samples-Dashboards.JS-for-HTML/blob/main/Working%20with%20Dashboard/Registering%20a%20JSON%20Data%20for%20the%20Dashboard%20Template.html)

* [Showing the Dashboard Designer Immediately after Running an App](https://github.com/stimulsoft/Samples-Dashboards.JS-for-HTML/blob/main/Working%20with%20Dashboard/Showing%20the%20Dashboard%20Designer%20Immediately%20after%20Running%20an%20App.html)

* [Showing the Dashboard Designer in a Required Position](https://github.com/stimulsoft/Samples-Dashboards.JS-for-HTML/blob/main/Working%20with%20Dashboard/Showing%20the%20Dashboard%20Designer%20in%20a%20Required%20Position.html)

* [Showing the Dashboard Designer in iframe](https://github.com/stimulsoft/Samples-Dashboards.JS-for-HTML/blob/main/Working%20with%20Dashboard/Showing%20the%20Dashboard%20Designer%20in%20iframe.html)

* [Showing the Dashboard Viewer Immediately after Running an App](https://github.com/stimulsoft/Samples-Dashboards.JS-for-HTML/blob/main/Working%20with%20Dashboard/Showing%20the%20Dashboard%20Viewer%20Immediately%20after%20Running%20an%20App.html)

* [Showing the Dashboard Viewer in a Required Position](https://github.com/stimulsoft/Samples-Dashboards.JS-for-HTML/blob/main/Working%20with%20Dashboard/Showing%20the%20Dashboard%20Viewer%20in%20a%20Required%20Position.html)

* [Showing the Dashboard Viewer in iframe](https://github.com/stimulsoft/Samples-Dashboards.JS-for-HTML/blob/main/Working%20with%20Dashboard/Showing%20the%20Dashboard%20Viewer%20in%20iframe.html)

* [Showing the Dashboard Viewer on the Web Page](https://github.com/stimulsoft/Samples-Dashboards.JS-for-HTML/blob/main/Working%20with%20Dashboard/Showing%20the%20Dashboard%20Viewer%20on%20the%20Web%20Page.html)

* [Supply Custom Headers for Json Database](https://github.com/stimulsoft/Samples-Dashboards.JS-for-HTML/blob/main/Working%20with%20Dashboard/Supply%20Custom%20Headers%20for%20Json%20Database.html)

* [Updating a JSON Data for the Dashboard Viewer](https://github.com/stimulsoft/Samples-Dashboards.JS-for-HTML/blob/main/Working%20with%20Dashboard/Updating%20a%20JSON%20Data%20for%20the%20Dashboard%20Viewer.html)

* [Using the Full-Screen Mode in the Designer](https://github.com/stimulsoft/Samples-Dashboards.JS-for-HTML/blob/main/Working%20with%20Dashboard/Using%20the%20Full-Screen%20Mode%20in%20the%20Designer.html)

* [Using the Full-Screen Mode in the Viewer](https://github.com/stimulsoft/Samples-Dashboards.JS-for-HTML/blob/main/Working%20with%20Dashboard/Using%20the%20Full-Screen%20Mode%20in%20the%20Viewer.html)

  

Application for working with Dashboards without any web-server:

* [Demo App](https://github.com/stimulsoft/Samples-Dashboards.JS-for-HTML/tree/main/Demo)



## Running samples

To launch these examples, you can use any web-server. Below are some options:

* run the `node index` command in the console and navigate to the `http://localhost:8888/` link in the web browser;

* just copy this folder to any web server, and open the `index.html` page in the web browser;

* in Visual Studio, please open the menu `File` and click to `Open` > `Web Site...` item, select the folder with this repository, right mouse click on the `index.html` > `Set As Start Page`, and run the project;

* the [Demo](https://github.com/stimulsoft/Samples-Dashboards.JS-for-HTML/tree/main/Demo) project written in the HTML/JS, and can run without any web server side - it works in the browser from the local disk storage.



## 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:

* [Angular / AngularJS](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular)

* [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)