{"id":24829402,"url":"https://github.com/stimulsoft/samples-dashboards.js-for-angular","last_synced_at":"2026-03-04T03:31:14.376Z","repository":{"id":150847984,"uuid":"620879310","full_name":"stimulsoft/Samples-Dashboards.JS-for-Angular","owner":"stimulsoft","description":"JavaScript samples for Dashboards.JS data analytics tool for Angular applications","archived":false,"fork":false,"pushed_at":"2025-06-30T18:58:53.000Z","size":53789,"stargazers_count":5,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-10-14T02:33:03.039Z","etag":null,"topics":["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"],"latest_commit_sha":null,"homepage":"https://www.stimulsoft.com/en/products/dashboards-js","language":"TypeScript","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/stimulsoft.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2023-03-29T14:48:51.000Z","updated_at":"2025-06-30T18:58:57.000Z","dependencies_parsed_at":null,"dependency_job_id":"a5a39df4-507a-42e5-aaa3-cad9874d44e9","html_url":"https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular","commit_stats":null,"previous_names":["stimulsoft/samples-dashboards.js-for-angular"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/stimulsoft/Samples-Dashboards.JS-for-Angular","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stimulsoft%2FSamples-Dashboards.JS-for-Angular","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stimulsoft%2FSamples-Dashboards.JS-for-Angular/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stimulsoft%2FSamples-Dashboards.JS-for-Angular/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stimulsoft%2FSamples-Dashboards.JS-for-Angular/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/stimulsoft","download_url":"https://codeload.github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stimulsoft%2FSamples-Dashboards.JS-for-Angular/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30070744,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-04T03:25:38.285Z","status":"ssl_error","status_checked_at":"2026-03-04T03:25:05.086Z","response_time":59,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["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"],"created_at":"2025-01-30T23:05:49.521Z","updated_at":"2026-03-04T03:31:14.359Z","avatar_url":"https://github.com/stimulsoft.png","language":"TypeScript","readme":"# Angular samples for Stimulsoft Dashboards.JS\n\n#### 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.\n\n## Overview\nThere is a set of examples for working with dashboard components:\n\n#### Localization and Globalization\n* [Localizing the Designer](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/blob/main/src/Localization%20and%20Globalization/Localizing%20the%20Designer.ts)\n* [Localizing the Viewer](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/blob/main/src/Localization%20and%20Globalization/Localizing%20the%20Viewer.ts)\n* [Globalizing Dashboard](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/blob/main/src/Localization%20and%20Globalization/Globalizing%20Dashboard.ts)\n\n#### Fonts and Resources\n* [Using a Custom Font](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/blob/main/src/Fonts%20and%20Resources/Using%20a%20Custom%20Font.ts)\n* [Adding a Font to the Resource](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/blob/main/src/Fonts%20and%20Resources/Adding%20a%20Font%20to%20the%20Resource.ts)\n\n#### Printing and Exporting\n* [Printing a Dashboard from Code](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/blob/main/src/Printing%20and%20Exporting/Printing%20the%20Dashboard%20from%20Code.ts)\n* [Exporting a Dashboard to PDF](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/blob/main/src/Printing%20and%20Exporting/Exporting%20a%20Dashboard%20to%20PDF.ts)\n* [Exporting a Dashboard to HTML](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/blob/main/src/Printing%20and%20Exporting/Exporting%20a%20Dashboard%20to%20HTML.ts)\n* [Exporting a Dashboard from Code with Changing Export Settings](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/blob/main/src/Printing%20and%20Exporting/Exporting%20a%20Dashboard%20from%20Code%20with%20Changing%20Export%20Settings.ts)\n\n#### Data Connection and Registration\n* [Creating a new Data Connection from code](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/blob/main/src/Data%20Connection%20and%20Registration/Creating%20a%20new%20Data%20Connection%20from%20code.ts)\n* [Registering Data from Code](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/blob/main/src/Data%20Connection%20and%20Registration/Registering%20Data%20from%20Code.ts)\n* [Using SQL Data Sources](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/blob/main/src/Data%20Connection%20and%20Registration/Using%20SQL%20Data%20Sources.ts)\n* [Using Parameters in SQL Query](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/blob/main/src/Data%20Connection%20and%20Registration/Using%20Parameters%20in%20SQL%20Query.ts)\n* [Using a Custom Data Adapter](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/blob/main/src/Data%20Connection%20and%20Registration/Using%20a%20Custom%20Data%20Adapter.ts)\n* [Supply Custom Headers for JSON Database](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/blob/main/src/Data%20Connection%20and%20Registration/Supply%20Custom%20Headers%20for%20JSON%20Database.ts)\n\n#### Working with Designer and Viewer Settings and Events\n* [Customizing the Designer](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Customizing%20the%20Designer.ts)\n* [Changing the Designer Theme](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Changing%20the%20Designer%20Theme.ts)\n* [Customizing the Viewer](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Customizing%20the%20Viewer.ts) \n* [Changing the Viewer Theme](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Changing%20the%20Viewer%20Theme.ts)\n* [Using Designer Events](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Using%20Designer%20Events.ts)\n* [Using Viewer Events](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Using%20Viewer%20Events.ts)\n* [Working with onDesign and onExit Events](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Working%20with%20onDesign%20and%20onExit%20Events.ts)\n* [Using the two Viewer in the One Project](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Using%20the%20two%20Viewer%20in%20the%20One%20Project.ts)\n* [Get a modified Dashboard from the Designer](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Get%20a%20modified%20Dashboard%20from%20the%20Designer.ts)\n* [Using the Right-To-Left Mode in the Viewer](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Using%20the%20Right-To-Left%20Mode%20in%20the%20Viewer.ts)\n\n#### Working with Dashboards and Advanced Features\n* [How to Activate the Product](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/blob/main/src/Working%20with%20Dashboards%20and%20Advanced%20Features/How%20to%20Activate%20the%20Product.ts)\n* [Using Dashboard Variables in Code](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/blob/main/src/Working%20with%20Dashboards%20and%20Advanced%20Features/Using%20Dashboard%20Variables%20in%20Code.ts)\n* [Creating Dashboard at Runtime](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Angular/blob/main/src/Working%20with%20Dashboards%20and%20Advanced%20Features/Creating%20Dashboard%20at%20Runtime.ts)\n\n## Running samples\nTo run the examples, open the required folder with the example and run the following commands in the console:\n* run `npm install` to install all required module;\n* run `npm start` to compile the application;\n* navigate to `http://localhost:4200/` for Angular.\n\n## Connect to SQL databases\nSince 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.\n* [DataAdapters.JS](https://github.com/stimulsoft/DataAdapters.JS)\n\n## Other JS dashboard components\nMany examples for other platforms and technologies are collected in separate repositories:\n* [HTML / JS](https://github.com/stimulsoft/Samples-Dashboards.JS-for-HTML)\n* [Node.js](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Node.js)\n* [React](https://github.com/stimulsoft/Samples-Dashboards.JS-for-React)\n* [Vue.js](https://github.com/stimulsoft/Samples-Dashboards.JS-for-Vue.js)\n\n## About Stimulsoft Dashboards.JS\nStimulsoft 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.\n\n## Useful links\n* [Live Demo](http://demo.stimulsoft.com/#Js)\n* [Product Page](https://www.stimulsoft.com/en/products/dashboards-js)\n* [Free Download](https://www.stimulsoft.com/en/downloads)\n* [NPM](https://www.npmjs.com/package/stimulsoft-dashboards-js)\n* [Documentation](https://www.stimulsoft.com/en/documentation/online/programming-manual/index.html?reports_js.htm)\n* [License](LICENSE.md)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstimulsoft%2Fsamples-dashboards.js-for-angular","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstimulsoft%2Fsamples-dashboards.js-for-angular","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstimulsoft%2Fsamples-dashboards.js-for-angular/lists"}