Build a dynamic dashboard application


Visualizations can help you understand and use enormous amounts of data more effectively. Visualization platforms break data down into smaller parts and display it on dashboards that are easy to understand and visually appealing. Using these visualizations, a developer can build better applications that are informed by their data analysis. This Angular 5 and Node.js demo app demonstrates IBM Cognos Dashboard Embedded, an IBM Cloud service that enables you to add visualizations and analytic capabilities to your applications.


Virtually every application built today relies on huge amounts of data. Developers can use that data to enhance the users’ insights into a particular domain if they know how. To tap into the power of data and provide maximum value to your users, you as an application developer need to be able to enhance your raw data using analytics and visualizations.

This code pattern shows you how to run an Angular 5 and Node.js demo app that shows off the power of IBM Cognos Dashboard Embedded. This IBM Cloud service gives you a way to add visualization and analytic capabilities to your applications.

IBM Cognos Dashboard Embedded gives developers options about how to display data to the users, with varying levels of granularity. You can provide a guided exploration of analysis through authored fixed dashboards or a more free-form analytic exploration environment that enables users to find their own insights – and virtually anything in between. Because Cognos Dashboard Embedded is offered as an IBM Cloud service, you’ll quickly be integrating robust, powerful visualizations and analytics capabilities into your applications.

This demo app demonstrates the service capabilities and shows how to use the API. When you complete this code pattern, you’ll understand how to:

  • Deploy a Cloud Foundry app
  • Initialize and configure an IBM Cognos Dashboard Embedded session


angular dynamic dashboard flow chart

  1. The user creates an application.
  2. The application is connected to a data source.
  3. The user configures the Cognos Dashboard Embedded service to read the data source and integrates CDE into their application.


The following list is a summary of the deployment steps for the demo. For the full set of instructions on configuring and running the demo, see the project’s README file.

  1. Create a new Node.js Cloud Foundry application in IBM Cloud.
  2. Update manifest.yml and environment / config values.
  3. Build locally using npm run build or npm run build-prod.
  4. Navigate to the app folder.
  5. Issue command to set api endpoint: bx api US South.
  6. Issue command to login: bx login.
  7. Follow the prompts to enter IBM Cloud credentials, select account, and target Cloud Foundry org/space.
  8. Issue command to push: bx cf push.