Google Analytics Dashboard allows a user to fetch a wealth of Google Analytics metrics from multiple websites merely by entering two dates. The app makes multiple calls to the Google Analytics API to fetch data on pageviews, popular pages, devices (desktop, tablet, mobile), traffic sources (Facebook, Twitter, Google) and countries that access website content. The results are displayed as charts and text. It is a single-page web application built using Angular 2, Node, D3 and SVG.
After the user logs into a Google account, the app is granted an access token that will allow it to fetch metrics for any website on that account. The user enters two dates to create the time range used to fetch metrics.
The app determines the first and last days of the five previous months, and then makes multiple calls to the Google Analytics API to get metrics on pageviews, sources, devices, users and sessions. D3 and SVG are used to display the data in bar and pie graphs.
The app continues to make calls to the Google Analytics API to fetch more metrics, displaying some data as bar charts, some as pie charts, and some as text, so the user has all the analytics they are looking for on a single page.