viktor/infra
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

monitoring(wealth): show daily points + lighter fill on timeseries

Browse source 
Make daily movements visible on the line charts. The y-axis still spans
~£700k–£1M so an £8k daily move is ~1% of vertical range and easy to
miss when only the line is drawn.

Changes per panel:
  * 5 (Net worth):                  showPoints never→always, pointSize 4→5, fillOpacity 20→10
  * 6 (Net contrib vs market):      showPoints never→always, pointSize 4→5
  * 7 (Growth over time):           showPoints never→always, pointSize 4→5, fillOpacity 50→25
  * 8 (Per-account stacked):        showPoints never→always (kept stacking fill at 70)
  * 9 (Cash vs invested stacked):   showPoints never→always (kept stacking fill at 70)

Each daily value now renders as a visible dot, so even if the line
appears flat at this scale, the per-day points trace the wiggle. Lighter
fill on the unstacked panels lets the line + points dominate visually.

Caveat: the fundamental "£8k on a £1M base" visibility issue is best
solved with a dedicated "Daily change" delta panel — happy to add one
on next pass if this isn't enough.
This commit is contained in:
Viktor Barzin 2026-05-01 16:23:25 +00:00
parent 2722260ce9
commit 5472720c75
1 changed files with 12 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

24
stacks/monitoring/modules/monitoring/dashboards/wealth.json
View file

@ -183,9 +183,9 @@
"custom": {
"drawStyle": "line",
"lineWidth": 2,
"fillOpacity": 20,
"pointSize": 4,
"showPoints": "never",
"fillOpacity": 10,
"pointSize": 5,
"showPoints": "always",
"spanNulls": true,
"axisPlacement": "auto",
"stacking": {"group": "A", "mode": "none"}
@ -229,8 +229,8 @@
"drawStyle": "line",
"lineWidth": 2,
"fillOpacity": 0,
"pointSize": 4,
"showPoints": "never",
"pointSize": 5,
"showPoints": "always",
"spanNulls": true,
"axisPlacement": "auto",
"stacking": {"group": "A", "mode": "none"}
@ -283,10 +283,10 @@
"custom": {
"drawStyle": "line",
"lineWidth": 2,
"fillOpacity": 50,
"fillOpacity": 25,
"gradientMode": "opacity",
"pointSize": 4,
"showPoints": "never",
"pointSize": 5,
"showPoints": "always",
"spanNulls": true,
"axisPlacement": "auto",
"stacking": {"group": "A", "mode": "none"}
@ -330,8 +330,8 @@
"drawStyle": "line",
"lineWidth": 1,
"fillOpacity": 70,
"pointSize": 3,
"showPoints": "never",
"pointSize": 4,
"showPoints": "always",
"spanNulls": true,
"axisPlacement": "auto",
"stacking": {"group": "A", "mode": "normal"}
@ -370,8 +370,8 @@
"drawStyle": "line",
"lineWidth": 1,
"fillOpacity": 70,
"pointSize": 3,
"showPoints": "never",
"pointSize": 4,
"showPoints": "always",
"spanNulls": true,
"axisPlacement": "auto",
"stacking": {"group": "A", "mode": "normal"}