tuur29 / timespandash

A small tool to generate statistics and graphs from a list of timestamps

Timespan Dashboard

A small tool to generate statistics and graphs form a list of timestamps.

Configuration

You can edit all the settings in /config.json, these are all possible options:

{
  "url": "https://<URL>:<SERVER_PORT>/<PATH>?keywords=",
  "defaultKeywords": "sleep,wake",
  "allPossibleKeywords": [
    { "keywords": "boot,shut", "description": "PC" },
    { "keywords": "sleep,wake", "description": "Sleep" }
  ],
  "settings": {
		"mergebreaks": { "enabled": true, "value": "10" },
		"remshortenthan": { "enabled": true, "value": "10" },
		"split": {"enabled": true },
		"avg": {"value": "7" },
		"median": {"enabled": true }
	}
}

You can find additional settings by searching for 'new Setting' in this repo: link.

Example input

start at Mon Dec 26 10:01:39 GMT+0100 2016
stop at Mon Dec 26 22:55:33 GMT+0100 2016
start at Tue Dec 27 09:26:36 GMT+0100 2016
stop at Tue Dec 27 21:30:59 GMT+0100 2016

There is also a complete test dataset called /sampledata.txt.

Development server

Run npm start for a dev server. Navigate to http://localhost:4200/. The frontend will automatically reload if you change any of the source files.

Build & Deploy

Run npm run build --prod -prod --no-aot --aot=false --base-href ./ to build the project. The build artifacts will be stored in the dist/ directory.

Github Pages

When building for Github Pages you should build with add: --base-href "https://USERNAME.github.io/REPOSITORY_NAME/". Next, duplicate the index.html file and name it 404.html .

To publish it, remove /dist from .gitignore, make a local commit and push to the gh-pages branch with:

$ git push origin `git subtree split --prefix dist master`:gh-pages --force

Lastly undo the edit in .gitignore and reset your master branch with git reset HEAD~. Don't forget to re-enable your custom domain if you are using one.

More Info

Automated deploy

The script deploy.sh should do all the above actions automatically. You should have completed the process manually first before you use the script.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

timespandash's Issues

New view ideas

• Add graph with percentage of time taken up every day, week, month
• Add boxplot for length & count (also mention Q1 & Q3)
• Add line graphs for each week or year to compare between it and average of all
• Add graph to show diff between data and average length -> "How has avg time spent on session changed?"

Fix "min" label after setting for using avgeraging over multiple days

Fix using weighted data based on months setting

Add setting to show percentages on pie chart

Don't refresh views when still inputting before/after date

Fix label in "All Timespans" view when more than a week of data is missing

Label [Object object] should become something like prev -> next (ex: 2019-1 -> 2019-4). This happens because the label is generate based on start and end timestamps (which are missing since there is no data).

Show Error message when data file can't be loaded

Fix writing panel visible state to localstorage

Also mentioned as: "Fix unable to change localstorage on some instances of app"

Seems to me like this only happens when a JS error occurs in another part of the program. Might be 'fixable' by using try {} catch (e) {}.

Create Github Actions workflow to automatically deploy to Pages branch

Same implementation as tuur29/tabledistribution#6

Switch red and blue colors on calendar view

Graphs don't load with big data sets

Fix d3 keeps making new tooltip objects (mem leak)

Fix "All Timespan" view on large data sets?

Perhaps add some kind of logging of why it fails?