JavaScript Dashboard

We have an API and need a dashboard that shows key metrics. Please treat the attached blueprint ("dashboard_mock.pdf") as guidance: we're not looking for a pixel-perfect copy of that PDF file, rather something in the spirit of that file.

Requirements:
-Mobile Friendly, should work on different screen resolutions
-vanilla js/jquery to query an API which will fill the table/charts
-Tables, Charts via either Bootstrap, Tabler, d3js
-Tables need to dynamic in height, columns should be sortable

Description of the API endpoints to be used:
Queue Depth
Fill with https://URLCOMESLATER/latest/#post-/group-queue-depth
"Total share" should show "Running User/Running Total"
CPU Load
show "cores currently used / total cores", updated every 30s
current cores via: https://URLCOMESLATER/latest/#post-/group-current-usage
Total cores=sum cores of all nodes via: https://URLCOMESLATER/latest/#post-/group-list-nodes
Current Usage
Memory and CPU used via: https://URLCOMESLATER/latest/#post-/group-current-usage
Total Memory and CPU= sum of all nodes via: https://URLCOMESLATER/latest/#post-/group-list-nodes
Compute History:
User default: https://URLCOMESLATER/latest/#post-/group-whoami
Group Usage = sum of all user "corehours" : https://URLCOMESLATER/latest/#post-/group-compute-usage
User Usage, per user https://URLCOMESLATER/latest/#post-/group-compute-usage
Select User dropdown, ability to select multiple users
User History:
Fill with https://URLCOMESLATER/latest/#post-/group-queue-depth and sum counts/corehours of https://URLCOMESLATER/latest/#post-/group-compute-usage
Node Status
Fill with https://URLCOMESLATER/latest/#post-/group-list-nodes
Toggle Eligible/Ineligible https://URLCOMESLATER/latest/#post-/group-restrict-node