{"id":7847,"date":"2025-09-03T09:19:22","date_gmt":"2025-09-03T09:19:22","guid":{"rendered":"https:\/\/www.recharge360.com\/?page_id=7847"},"modified":"2026-04-20T10:36:36","modified_gmt":"2026-04-20T10:36:36","slug":"data-and-reporting","status":"publish","type":"page","link":"https:\/\/www.recharge360.com\/en\/data-and-reporting\/","title":{"rendered":"Data and reporting"},"content":{"rendered":"
\n
\n
\n
\n
<\/div>\n
<\/div>\n
<\/div>\n<\/div>\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n

Know what works (and what doesn't)<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n

Good policy starts with insight. Recharge360 finally makes well-being measurable with real-time data, clear dashboards and benchmarks that provide instant insight into what's working and what's not.<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n

Schedule a demo<\/span><\/a><\/div>\n<\/div>\n<\/div>\n
\n
\n
\n
\n
\n
\n
\n

\/* ===== Recharge360 Analytics Demo (scoped) ===== *\/
\n .r360-wrap{
\n –r360-accent:#ff7a00; \/* ORANJE accentkleur *\/
\n –r360-text:#0f172a;
\n –r360-muted:#64748b;
\n –r360-border:#e2e8f0;
\n –r360-bg:#ffffff;
\n font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
\n color:var(–r360-text);
\n }
\n .r360-card{ background:#fff; border:1px solid var(–r360-border); border-radius:16px; overflow:hidden; box-shadow: 0 8px 24px rgba(2,6,23,.06); }
\n .r360-head{ display:flex; gap:12px; align-items:center; justify-content:space-between; padding:14px 16px; border-bottom:1px solid var(–r360-border); background:#fff; position: sticky; top: 0; z-index: 1; }
\n .r360-title{ font-weight:700; font-size:15px; }
\n .r360-controls{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
\n .r360-chip{ border:1px solid var(–r360-border); background:#fff; border-radius:999px; padding:.35rem .7rem; font-size:13px; cursor:pointer; transition: background .2s,border-color .2s,color .2s; }
\n .r360-chip[aria-pressed=”true”]{ background:#fff7ed; border-color:#ffedd5; color:var(–r360-accent); }
\n .r360-select{ border:1px solid var(–r360-border); border-radius:10px; padding:.35rem .6rem; font-size:13px; background:#fff; }<\/p>\n

.r360-body{ padding:16px; background:var(–r360-bg); }
\n .r360-kpis{ display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:12px; }
\n .r360-kpi{ border:1px solid var(–r360-border); border-radius:12px; padding:12px; background:#fff; }
\n .r360-kpi .label{ color:var(–r360-muted); font-size:12px; }
\n .r360-kpi .value{ font-weight:800; font-size:22px; line-height:1.1; margin-top:2px; }
\n .r360-kpi .delta{ font-size:12px; font-weight:600; }
\n .r360-kpi .delta.up{ color:var(–r360-accent); } \/* stijging = oranje *\/
\n .r360-kpi .delta.down{ color:#b91c1c; }<\/p>\n

.r360-charts{ display:grid; grid-template-columns: 1.35fr 1fr; gap:12px; }
\n .r360-panel{ border:1px solid var(–r360-border); border-radius:12px; padding:12px; background:#fff; }
\n .r360-sub{ color:var(–r360-muted); font-size:12px; margin:0 0 6px 0; }
\n .r360-legend{ display:flex; gap:10px; align-items:center; font-size:12px; color:var(–r360-muted); margin-top:8px; flex-wrap:wrap; }
\n .r360-dot{ width:8px; height:8px; border-radius:999px; display:inline-block; background:var(–r360-accent); }<\/p>\n

.r360-footer{ margin-top:12px; font-size:12.5px; color:#475569; background:#f8fafc; border:1px solid var(–r360-border); padding:10px 12px; border-radius:12px; }<\/p>\n

@media (max-width: 960px){
\n .r360-kpis{ grid-template-columns:1fr; }
\n .r360-charts{ grid-template-columns:1fr; }
\n .r360-head{ position:static; }
\n }<\/p>\n

\n
\n
Sample dates (demo)<\/div>\n
\n