autodesk-platform-services / aps-aecdatamodel-dashboards

Home Page:https://aecdatamodel-dashboards.autodesk.io

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

AEC Data Model Dashboards

This sample integrates AEC Data Model API with Tabulator and Chart.js to generate tables and charts based on your AEC data.

DEMO

https://aecdatamodel-dashboards.autodesk.io

Setting up the app

  • clone this repository or download
  • restore the packages
  • replace the variable values at appsettings.Development.json with your own
{
  "APS_CLIENT_ID": "YOUR CLIENT ID",
  "APS_CLIENT_SECRET": "YOUR CLIENT SECRET",
  "APS_CALLBACK_URL": "http://localhost:8080/api/auth/callback"
}

Make sure your APS app also uses the same callback url!

Running the app

As instructed in the console, you'll need to open a web browser and navigate to http://localhost:8080 in order to log into your Autodesk account

login

Output

Once you logged in with your Autodesk account in the browser, your hubs provisioned should be available in the first dropdown, and as soon as you pick one, it should populate the second dropdown with the projects inside.

project selection

After selecting one project, the sample will trigger the process to show the default dashboard is rendered, just like the gif below:

Default Dashboard

Apart from these default dashboard you can add your custom charts and tables based on element filters, just like in the gif below

Custom Chart


Tips & Tricks

  1. You need to be logged in order to use any feature in this sample.
  2. The queries performed by the sample are always posted in the console. Check them out as a good learning resource.

About

https://aecdatamodel-dashboards.autodesk.io

License:MIT License


Languages

Language:JavaScript 72.5%Language:C# 13.3%Language:HTML 11.2%Language:CSS 3.1%