polargraph

Transform data from Polar A360 tracker into HTML dynamic graphs

Purpose

Purpose of this very simple tool is to :

• read JSON data from Polar A360 tracker
• add data to web graph generated with Ploty javascript module
• let user add/remove new data to the existing graph

This small project has been first been developed to complete web interfaces proposed by Polar.

Requirements

Following javascript modules are required :

• jQuery
• jQuery UI
• Plotly.js

Get data from Polar Flow

First of all, you will have to get data from A360 tracker. As the activity tracker is able to synchronize with Polar Flow website, it is easier to extract data as JSON file directly from ths website:

• log into Polar Flow using Chrome
• go to Agenda menu, then Activity submenu
• in the meantime, open Developer Tools console in Chrome
• open Network tab in the developer console
• in Polar Flow, click on left arrow to select yesterday (do not use the calendar)
• in developer console, right-click on URL displayed in network tab
• select Copy and Copy link address
• now paste into Chrome URL bar to get JSON data with regards to yesterday
• save JSON data into data local directory as /data/<year>/<month>/<year>-<month>-<day>.json

Note that URL to get will look like this:

https://flow.polar.com/api/activity-timeline/load?day=2019-07-08&maxSampleCount=200

Run web server

Once you have retrieved all JSON data, run a simple web server by running that commad into root directory:

$ python -m SimpleHTTPServer 80

Now, go to the browser and type http://127.0.0.1/polargraph-heart-rate.html to see the graph.

User interface

On top-left corner, you could click on calendar button to graph data from a specific day:

• first click on a day will add data to the graph
• second click on already selected day will remove data from the graph

On top-right corner, you will find out Plotly graph toolbar.

Sample