{"id":189,"date":"2026-09-01T17:03:58","date_gmt":"2026-09-01T10:03:58","guid":{"rendered":"https:\/\/siteplore.com\/?page_id=189"},"modified":"2026-09-02T11:44:23","modified_gmt":"2026-09-02T04:44:23","slug":"dashboards-analytics","status":"publish","type":"page","link":"https:\/\/siteplore.com\/index.php\/dashboards-analytics\/","title":{"rendered":"Dashboards &amp; Analytics"},"content":{"rendered":"\n<!-- =========================================================\n     SITEPLORE \u2014 DASHBOARDS & ANALYTICS\n     Platform Capability Page\n     WordPress Custom HTML\n     ========================================================= -->\n\n<style>\n\n.da-page {\n    --da-yellow:#f7b900;\n    --da-yellow-dark:#d99f00;\n    --da-navy:#111c34;\n    --da-navy2:#172541;\n    --da-blue:#214c88;\n    --da-cyan:#31a9e1;\n    --da-cyan-soft:#dff5ff;\n    --da-green:#19a974;\n    --da-red:#df5a5a;\n    --da-orange:#f59e0b;\n    --da-text:#202b3d;\n    --da-muted:#667085;\n    --da-border:#e4e9f0;\n    --da-light:#f7f9fc;\n\n    font-family:inherit;\n    color:var(--da-text);\n    line-height:1.6;\n    overflow:hidden;\n}\n\n.da-page *,\n.da-page *::before,\n.da-page *::after {\n    box-sizing:border-box;\n}\n\n.da-page a {\n    text-decoration:none;\n}\n\n.da-container {\n    width:min(1180px,calc(100% - 40px));\n    margin:0 auto;\n}\n\n.da-section {\n    padding:88px 0;\n}\n\n.da-light {\n    background:var(--da-light);\n}\n\n.da-dark {\n    color:white;\n    background:\n        radial-gradient(circle at 85% 15%,rgba(49,169,225,.18),transparent 29%),\n        radial-gradient(circle at 8% 88%,rgba(247,185,0,.07),transparent 24%),\n        linear-gradient(135deg,#111c34,#1a2948);\n}\n\n.da-eyebrow {\n    display:inline-flex;\n    align-items:center;\n    gap:9px;\n    margin-bottom:14px;\n    color:var(--da-blue);\n    font-size:13px;\n    font-weight:800;\n    letter-spacing:1.6px;\n    text-transform:uppercase;\n}\n\n.da-eyebrow::before {\n    content:\"\";\n    width:28px;\n    height:3px;\n    border-radius:3px;\n    background:var(--da-yellow);\n}\n\n.da-dark .da-eyebrow {\n    color:#8bd5f7;\n}\n\n.da-title {\n    margin:0;\n    color:var(--da-navy);\n    font-size:clamp(32px,4vw,48px);\n    line-height:1.12;\n    letter-spacing:-1px;\n}\n\n.da-dark .da-title {\n    color:white;\n}\n\n.da-lead {\n    max-width:880px;\n    margin:22px 0 0;\n    color:var(--da-muted);\n    font-size:18px;\n    line-height:1.75;\n}\n\n.da-dark .da-lead {\n    color:#c6d2e2;\n}\n\n\n\/* =========================================================\n   BUTTONS\n   ========================================================= *\/\n\n.da-actions {\n    display:flex;\n    flex-wrap:wrap;\n    gap:14px;\n    margin-top:32px;\n}\n\n.da-btn {\n    min-height:50px;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:9px;\n    padding:12px 23px;\n    border-radius:7px;\n    font-size:15px;\n    font-weight:800;\n    transition:.2s ease;\n}\n\n.da-btn-primary {\n    color:var(--da-navy);\n    background:var(--da-yellow);\n}\n\n.da-btn-primary:hover {\n    color:var(--da-navy);\n    background:#ffc72a;\n    transform:translateY(-2px);\n}\n\n.da-btn-secondary {\n    color:white;\n    border:1px solid rgba(255,255,255,.30);\n    background:rgba(255,255,255,.045);\n}\n\n.da-btn-secondary:hover {\n    color:white;\n    background:rgba(255,255,255,.10);\n}\n\n.da-btn-dark {\n    color:white;\n    background:var(--da-navy);\n}\n\n.da-btn-dark:hover {\n    color:white;\n    background:#223459;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.da-hero {\n    position:relative;\n    min-height:760px;\n    display:flex;\n    align-items:center;\n    color:white;\n\n    background:\n        radial-gradient(circle at 80% 22%,rgba(49,169,225,.29),transparent 30%),\n        radial-gradient(circle at 93% 80%,rgba(247,185,0,.12),transparent 23%),\n        linear-gradient(135deg,#101a30 0%,#193158 58%,#174b70 100%);\n}\n\n.da-hero::before {\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background-image:\n        linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),\n        linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);\n    background-size:42px 42px;\n}\n\n.da-hero-inner {\n    position:relative;\n    z-index:2;\n    display:grid;\n    grid-template-columns:1.02fr .98fr;\n    gap:65px;\n    align-items:center;\n    padding:90px 0;\n}\n\n.da-badge {\n    display:inline-flex;\n    align-items:center;\n    gap:10px;\n    padding:8px 14px;\n    margin-bottom:22px;\n    border-radius:999px;\n    border:1px solid rgba(255,255,255,.20);\n    background:rgba(255,255,255,.07);\n    color:#d8e7f7;\n    font-size:13px;\n    font-weight:800;\n}\n\n.da-badge-dot {\n    width:8px;\n    height:8px;\n    border-radius:50%;\n    background:var(--da-green);\n    box-shadow:0 0 0 5px rgba(25,169,116,.13);\n}\n\n.da-hero h1 {\n    margin:0;\n    color:white;\n    font-size:clamp(44px,5.8vw,70px);\n    line-height:1.02;\n    letter-spacing:-2.2px;\n}\n\n.da-hero h1 span {\n    color:var(--da-yellow);\n}\n\n.da-hero-copy {\n    max-width:720px;\n    margin:26px 0 0;\n    color:#d4e0ee;\n    font-size:19px;\n    line-height:1.75;\n}\n\n.da-hero-note {\n    display:flex;\n    align-items:flex-start;\n    gap:11px;\n    max-width:690px;\n    margin-top:24px;\n    color:#aebed0;\n    font-size:12px;\n}\n\n.da-note-icon {\n    width:28px;\n    height:28px;\n    flex:0 0 28px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    border-radius:50%;\n    color:#6de0b7;\n    background:rgba(25,169,116,.11);\n    font-weight:900;\n}\n\n\n\/* =========================================================\n   HERO DASHBOARD\n   ========================================================= *\/\n\n.da-dashboard {\n    padding:23px;\n    border-radius:18px;\n    border:1px solid rgba(255,255,255,.14);\n    background:rgba(12,27,50,.83);\n    box-shadow:0 30px 70px rgba(0,0,0,.25);\n    backdrop-filter:blur(12px);\n}\n\n.da-dash-label {\n    color:#8bd5f7;\n    font-size:10px;\n    font-weight:900;\n    letter-spacing:1.4px;\n    text-transform:uppercase;\n}\n\n.da-dash-title {\n    margin:7px 0 15px;\n    color:white;\n    font-size:19px;\n    font-weight:900;\n}\n\n.da-kpis {\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:8px;\n}\n\n.da-kpi {\n    padding:12px 10px;\n    border-radius:8px;\n    border:1px solid rgba(255,255,255,.08);\n    background:rgba(255,255,255,.04);\n}\n\n.da-kpi small {\n    display:block;\n    color:#71869d;\n    font-size:8px;\n    text-transform:uppercase;\n}\n\n.da-kpi strong {\n    display:block;\n    margin-top:5px;\n    color:white;\n    font-size:19px;\n}\n\n.da-kpi span {\n    display:block;\n    margin-top:3px;\n    color:#6ddab1;\n    font-size:8px;\n}\n\n.da-chart-panel {\n    margin-top:9px;\n    padding:14px;\n    border-radius:9px;\n    border:1px solid rgba(255,255,255,.08);\n    background:rgba(255,255,255,.04);\n}\n\n.da-chart-head {\n    display:flex;\n    justify-content:space-between;\n    gap:10px;\n    margin-bottom:12px;\n}\n\n.da-chart-head strong {\n    color:white;\n    font-size:11px;\n}\n\n.da-chart-head span {\n    color:#71869d;\n    font-size:8px;\n}\n\n.da-chart {\n    position:relative;\n    height:100px;\n    overflow:hidden;\n}\n\n.da-chart::before {\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background:\n        linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);\n    background-size:100% 25px;\n}\n\n.da-chart svg {\n    position:absolute;\n    inset:0;\n    width:100%;\n    height:100%;\n}\n\n.da-analysis-strip {\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:8px;\n    margin-top:9px;\n}\n\n.da-analysis-mini {\n    padding:10px;\n    border-radius:7px;\n    border:1px solid rgba(255,255,255,.07);\n    background:rgba(255,255,255,.035);\n}\n\n.da-analysis-mini strong {\n    display:block;\n    color:#dfe8f2;\n    font-size:9px;\n}\n\n.da-analysis-mini span {\n    display:block;\n    margin-top:3px;\n    color:#758ba3;\n    font-size:8px;\n}\n\n\n\/* =========================================================\n   PROBLEMS\n   ========================================================= *\/\n\n.da-problem-grid {\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:20px;\n    margin-top:48px;\n}\n\n.da-card {\n    padding:28px;\n    border:1px solid var(--da-border);\n    border-radius:13px;\n    background:white;\n}\n\n.da-card-icon {\n    width:46px;\n    height:46px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    margin-bottom:18px;\n    border-radius:10px;\n    color:#b57e00;\n    background:#fff5d5;\n    font-weight:900;\n}\n\n.da-card h3 {\n    margin:0 0 10px;\n    color:var(--da-navy);\n    font-size:19px;\n}\n\n.da-card p {\n    margin:0;\n    color:var(--da-muted);\n    font-size:14px;\n}\n\n\n\/* =========================================================\n   ANALYTICAL QUESTIONS\n   ========================================================= *\/\n\n.da-question-grid {\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:18px;\n    margin-top:48px;\n}\n\n.da-question {\n    padding:27px;\n    border-radius:13px;\n    border:1px solid rgba(255,255,255,.11);\n    background:rgba(255,255,255,.055);\n}\n\n.da-question-no {\n    color:var(--da-yellow);\n    font-size:11px;\n    font-weight:900;\n}\n\n.da-question h3 {\n    margin:10px 0 8px;\n    color:white;\n    font-size:18px;\n}\n\n.da-question p {\n    margin:0;\n    color:#bdc9d9;\n    font-size:13px;\n}\n\n\n\/* =========================================================\n   ANALYTICS TYPES\n   ========================================================= *\/\n\n.da-type-grid {\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:18px;\n    margin-top:48px;\n}\n\n.da-type {\n    padding:27px;\n    border:1px solid var(--da-border);\n    border-radius:13px;\n    background:white;\n}\n\n.da-type-label {\n    color:var(--da-blue);\n    font-size:10px;\n    font-weight:900;\n    letter-spacing:1px;\n    text-transform:uppercase;\n}\n\n.da-type h3 {\n    margin:9px 0 8px;\n    color:var(--da-navy);\n    font-size:19px;\n}\n\n.da-type p {\n    margin:0;\n    color:var(--da-muted);\n    font-size:13px;\n}\n\n\n\/* =========================================================\n   ARCHITECTURE\n   ========================================================= *\/\n\n.da-architecture {\n    margin-top:52px;\n}\n\n.da-arch-row {\n    display:grid;\n    grid-template-columns:\n        1fr 28px\n        1fr 28px\n        1fr 28px\n        1fr 28px\n        1fr;\n}\n\n.da-arch-box {\n    padding:21px;\n    border-radius:13px;\n    border:1px solid rgba(255,255,255,.11);\n    background:rgba(255,255,255,.055);\n}\n\n.da-arch-no {\n    color:var(--da-yellow);\n    font-size:10px;\n    font-weight:900;\n    letter-spacing:1.1px;\n}\n\n.da-arch-box h3 {\n    margin:10px 0 8px;\n    color:white;\n    font-size:16px;\n}\n\n.da-arch-box p {\n    margin:0;\n    color:#bdc9d9;\n    font-size:12px;\n}\n\n.da-arch-arrow {\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    color:var(--da-yellow);\n    font-size:18px;\n}\n\n\n\/* =========================================================\n   DASHBOARD DESIGN\n   ========================================================= *\/\n\n.da-design-grid {\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:18px;\n    margin-top:48px;\n}\n\n.da-design {\n    padding:27px;\n    border:1px solid var(--da-border);\n    border-radius:13px;\n    background:white;\n}\n\n.da-design-no {\n    color:var(--da-yellow-dark);\n    font-size:11px;\n    font-weight:900;\n}\n\n.da-design h3 {\n    margin:10px 0 8px;\n    color:var(--da-navy);\n    font-size:18px;\n}\n\n.da-design p {\n    margin:0;\n    color:var(--da-muted);\n    font-size:13px;\n}\n\n\n\/* =========================================================\n   ANALYTICAL WORKFLOW\n   ========================================================= *\/\n\n.da-workflow-grid {\n    display:grid;\n    grid-template-columns:.9fr 1.1fr;\n    gap:55px;\n    align-items:center;\n}\n\n.da-workflow-panel {\n    padding:30px;\n    border-radius:16px;\n    border:1px solid rgba(255,255,255,.11);\n    background:rgba(255,255,255,.055);\n}\n\n.da-workflow-item {\n    padding:16px 0;\n    border-bottom:1px solid rgba(255,255,255,.08);\n}\n\n.da-workflow-item:last-child {\n    border-bottom:0;\n}\n\n.da-workflow-item strong {\n    display:block;\n    color:white;\n    font-size:15px;\n}\n\n.da-workflow-item span {\n    display:block;\n    margin-top:4px;\n    color:#b9c5d5;\n    font-size:13px;\n}\n\n\n\/* =========================================================\n   ADVANCED ANALYTICS\n   ========================================================= *\/\n\n.da-advanced-grid {\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:18px;\n    margin-top:48px;\n}\n\n.da-advanced {\n    padding:27px;\n    border-radius:13px;\n    border:1px solid rgba(255,255,255,.11);\n    background:rgba(255,255,255,.055);\n}\n\n.da-advanced-type {\n    color:var(--da-yellow);\n    font-size:10px;\n    font-weight:900;\n    letter-spacing:1px;\n    text-transform:uppercase;\n}\n\n.da-advanced h3 {\n    margin:10px 0 8px;\n    color:white;\n    font-size:18px;\n}\n\n.da-advanced p {\n    margin:0;\n    color:#bdc9d9;\n    font-size:13px;\n}\n\n\n\/* =========================================================\n   DATA FOUNDATION\n   ========================================================= *\/\n\n.da-foundation-grid {\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:18px;\n    margin-top:48px;\n}\n\n.da-foundation {\n    padding:27px;\n    border:1px solid var(--da-border);\n    border-radius:13px;\n    background:white;\n}\n\n.da-foundation-no {\n    color:var(--da-yellow-dark);\n    font-size:11px;\n    font-weight:900;\n}\n\n.da-foundation h3 {\n    margin:10px 0 8px;\n    color:var(--da-navy);\n    font-size:18px;\n}\n\n.da-foundation p {\n    margin:0;\n    color:var(--da-muted);\n    font-size:13px;\n}\n\n\n\/* =========================================================\n   APPLICATIONS\n   ========================================================= *\/\n\n.da-app-grid {\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:18px;\n    margin-top:48px;\n}\n\n.da-app {\n    overflow:hidden;\n    border:1px solid var(--da-border);\n    border-radius:14px;\n    background:white;\n}\n\n.da-app-head {\n    padding:23px;\n    color:white;\n    background:linear-gradient(135deg,#172541,#214c70);\n}\n\n.da-app-head small {\n    display:block;\n    color:#8bd5f7;\n    font-size:10px;\n    font-weight:900;\n    letter-spacing:1px;\n    text-transform:uppercase;\n}\n\n.da-app-head h3 {\n    margin:7px 0 0;\n    color:white;\n    font-size:19px;\n}\n\n.da-app-body {\n    padding:23px;\n}\n\n.da-app-body p {\n    margin:0;\n    color:var(--da-muted);\n    font-size:13px;\n}\n\n.da-app-chain {\n    margin-top:17px;\n    color:var(--da-blue);\n    font-size:11px;\n    line-height:1.8;\n    font-weight:800;\n}\n\n\n\/* =========================================================\n   PRODUCTS\n   ========================================================= *\/\n\n.da-product-grid {\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:20px;\n    margin-top:48px;\n}\n\n.da-product {\n    padding:29px;\n    border-radius:14px;\n    border:1px solid rgba(255,255,255,.11);\n    background:rgba(255,255,255,.055);\n}\n\n.da-product-type {\n    color:#83d8fc;\n    font-size:11px;\n    font-weight:900;\n    letter-spacing:1.1px;\n    text-transform:uppercase;\n}\n\n.da-product h3 {\n    margin:8px 0;\n    color:white;\n    font-size:25px;\n}\n\n.da-product p {\n    margin:0;\n    color:#bdc9d9;\n    font-size:13px;\n}\n\n.da-product-link {\n    display:inline-block;\n    margin-top:18px;\n    color:var(--da-yellow);\n    font-size:13px;\n    font-weight:800;\n}\n\n\n\/* =========================================================\n   DELIVERABLES\n   ========================================================= *\/\n\n.da-deliver-grid {\n    display:grid;\n    grid-template-columns:repeat(2,1fr);\n    gap:18px;\n    margin-top:48px;\n}\n\n.da-deliver {\n    display:grid;\n    grid-template-columns:42px 1fr;\n    gap:15px;\n    padding:24px;\n    border:1px solid var(--da-border);\n    border-radius:12px;\n    background:white;\n}\n\n.da-deliver-icon {\n    width:38px;\n    height:38px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    border-radius:50%;\n    color:var(--da-green);\n    background:#eaf8f3;\n    font-weight:900;\n}\n\n.da-deliver h3 {\n    margin:0 0 6px;\n    color:var(--da-navy);\n    font-size:16px;\n}\n\n.da-deliver p {\n    margin:0;\n    color:var(--da-muted);\n    font-size:13px;\n}\n\n\n\/* =========================================================\n   MATURITY\n   ========================================================= *\/\n\n.da-maturity-grid {\n    display:grid;\n    grid-template-columns:repeat(5,1fr);\n    gap:16px;\n    margin-top:48px;\n}\n\n.da-maturity {\n    padding:24px;\n    border-radius:13px;\n    border:1px solid rgba(255,255,255,.11);\n    background:rgba(255,255,255,.055);\n}\n\n.da-maturity-no {\n    color:var(--da-yellow);\n    font-size:28px;\n    line-height:1;\n    font-weight:900;\n}\n\n.da-maturity h3 {\n    margin:14px 0 7px;\n    color:white;\n    font-size:16px;\n}\n\n.da-maturity p {\n    margin:0;\n    color:#bdc9d9;\n    font-size:12px;\n}\n\n\n\/* =========================================================\n   OPTIONS\n   ========================================================= *\/\n\n.da-option-grid {\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:20px;\n    margin-top:48px;\n}\n\n.da-option {\n    position:relative;\n    padding:30px;\n    border:1px solid var(--da-border);\n    border-radius:15px;\n    background:white;\n}\n\n.da-option-featured {\n    border:2px solid var(--da-yellow);\n    transform:translateY(-6px);\n    box-shadow:0 17px 42px rgba(20,35,60,.09);\n}\n\n.da-option-badge {\n    position:absolute;\n    right:18px;\n    top:18px;\n    padding:5px 9px;\n    border-radius:999px;\n    color:#966c00;\n    background:#fff4cc;\n    font-size:9px;\n    font-weight:900;\n    text-transform:uppercase;\n}\n\n.da-option-type {\n    color:var(--da-blue);\n    font-size:11px;\n    font-weight:900;\n    letter-spacing:1.1px;\n    text-transform:uppercase;\n}\n\n.da-option h3 {\n    margin:8px 0;\n    color:var(--da-navy);\n    font-size:24px;\n}\n\n.da-option p {\n    margin:0;\n    color:var(--da-muted);\n    font-size:13px;\n}\n\n.da-option ul {\n    margin:20px 0 0;\n    padding:18px 0 0 18px;\n    border-top:1px solid var(--da-border);\n    color:var(--da-muted);\n    font-size:13px;\n}\n\n.da-option li {\n    margin:7px 0;\n}\n\n.da-option .da-btn {\n    width:100%;\n    margin-top:21px;\n}\n\n\n\/* =========================================================\n   BOUNDARY TABLE\n   ========================================================= *\/\n\n.da-boundary {\n    margin-top:48px;\n    overflow-x:auto;\n    border:1px solid var(--da-border);\n    border-radius:14px;\n}\n\n.da-boundary table {\n    width:100%;\n    min-width:830px;\n    border-collapse:collapse;\n    background:white;\n}\n\n.da-boundary th,\n.da-boundary td {\n    padding:17px 20px;\n    text-align:left;\n    border-bottom:1px solid var(--da-border);\n}\n\n.da-boundary th {\n    color:var(--da-navy);\n    background:#f0f4f8;\n    font-size:13px;\n}\n\n.da-boundary td {\n    color:var(--da-muted);\n    font-size:13px;\n}\n\n.da-boundary tr:last-child td {\n    border-bottom:0;\n}\n\n.da-yes {\n    color:var(--da-green) !important;\n    font-weight:800;\n}\n\n.da-caution {\n    color:#b47d00 !important;\n    font-weight:800;\n}\n\n\n\/* =========================================================\n   FAQ\n   ========================================================= *\/\n\n.da-faq {\n    max-width:920px;\n    margin-top:44px;\n}\n\n.da-faq details {\n    padding:18px 0;\n    border-bottom:1px solid var(--da-border);\n}\n\n.da-faq summary {\n    cursor:pointer;\n    list-style:none;\n    position:relative;\n    padding-right:30px;\n    color:var(--da-navy);\n    font-size:16px;\n    font-weight:800;\n}\n\n.da-faq summary::-webkit-details-marker {\n    display:none;\n}\n\n.da-faq summary::after {\n    content:\"+\";\n    position:absolute;\n    right:0;\n    top:0;\n    color:var(--da-blue);\n    font-size:22px;\n}\n\n.da-faq details[open] summary::after {\n    content:\"\u2013\";\n}\n\n.da-faq p {\n    max-width:840px;\n    margin:12px 0 3px;\n    color:var(--da-muted);\n    font-size:14px;\n}\n\n\n\/* =========================================================\n   CTA\n   ========================================================= *\/\n\n.da-cta {\n    padding:88px 0;\n    background:\n        radial-gradient(circle at 15% 50%,rgba(49,169,225,.17),transparent 30%),\n        linear-gradient(135deg,#172541,#213f69);\n}\n\n.da-cta-inner {\n    display:grid;\n    grid-template-columns:1fr auto;\n    gap:45px;\n    align-items:center;\n}\n\n.da-cta h2 {\n    max-width:820px;\n    margin:0;\n    color:white;\n    font-size:clamp(30px,4vw,45px);\n    line-height:1.14;\n}\n\n.da-cta h2 span {\n    color:var(--da-yellow);\n}\n\n.da-cta p {\n    max-width:750px;\n    margin:16px 0 0;\n    color:#c8d4e4;\n    font-size:16px;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media(max-width:980px) {\n\n    .da-hero-inner,\n    .da-workflow-grid,\n    .da-cta-inner {\n        grid-template-columns:1fr;\n    }\n\n    .da-problem-grid,\n    .da-question-grid,\n    .da-type-grid,\n    .da-design-grid,\n    .da-advanced-grid,\n    .da-foundation-grid,\n    .da-app-grid,\n    .da-product-grid,\n    .da-option-grid {\n        grid-template-columns:repeat(2,1fr);\n    }\n\n    .da-maturity-grid {\n        grid-template-columns:repeat(3,1fr);\n    }\n\n    .da-arch-row {\n        grid-template-columns:1fr;\n        gap:10px;\n    }\n\n    .da-arch-arrow {\n        height:25px;\n        transform:rotate(90deg);\n    }\n\n}\n\n@media(max-width:700px) {\n\n    .da-container {\n        width:min(100% - 28px,1180px);\n    }\n\n    .da-section {\n        padding:65px 0;\n    }\n\n    .da-hero-inner {\n        padding:70px 0;\n    }\n\n    .da-problem-grid,\n    .da-question-grid,\n    .da-type-grid,\n    .da-design-grid,\n    .da-advanced-grid,\n    .da-foundation-grid,\n    .da-app-grid,\n    .da-product-grid,\n    .da-deliver-grid,\n    .da-maturity-grid,\n    .da-option-grid {\n        grid-template-columns:1fr;\n    }\n\n    .da-kpis,\n    .da-analysis-strip {\n        grid-template-columns:1fr;\n    }\n\n    .da-option-featured {\n        transform:none;\n    }\n\n    .da-actions {\n        flex-direction:column;\n    }\n\n    .da-btn {\n        width:100%;\n    }\n\n}\n\n<\/style>\n\n\n<div class=\"da-page\">\n\n\n<!-- ========================================================\n     HERO\n     ======================================================== -->\n\n<section class=\"da-hero\">\n\n    <div class=\"da-container da-hero-inner\">\n\n        <div>\n\n            <div class=\"da-badge\">\n                <span class=\"da-badge-dot\"><\/span>\n                Siteplore Platform \u2014 Dashboards &amp; Analytics\n            <\/div>\n\n            <h1>\n                See the Trend.\n                <span>Understand the Context.<\/span>\n            <\/h1>\n\n            <p class=\"da-hero-copy\">\n                Siteplore turns connected operational time-series\n                into dashboards, comparisons and analytical workflows\n                that help engineers and operational teams understand\n                what changed, when it changed,\n                how assets or sites compare,\n                and what deserves further investigation.\n            <\/p>\n\n\n            <div class=\"da-actions\">\n\n                <a class=\"da-btn da-btn-primary\" href=\"https:\/\/wa.me\/628111222700?text=Hello%20Rekacipta%2C%20I%20would%20like%20to%20discuss%20Siteplore%20Dashboards%20and%20Analytics.\" target=\"_blank\" rel=\"noopener\">\n                    Discuss Dashboards &amp; Analytics \u2192\n                <\/a>\n\n                <a class=\"da-btn da-btn-secondary\" href=\"\/index.php\/customer-monitoring\">\n                    View Customer Monitoring\n                <\/a>\n\n            <\/div>\n\n\n            <div class=\"da-hero-note\">\n\n                <div class=\"da-note-icon\">\u2713<\/div>\n\n                <div>\n                    Siteplore uses dashboards as an analytical interface,\n                    not simply as a collection of charts.\n                    Useful interpretation still depends on measurement quality,\n                    operational context and engineering judgment.\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n\n        <!-- DASHBOARD PREVIEW -->\n\n        <div class=\"da-dashboard\">\n\n            <div class=\"da-dash-label\">\n                Siteplore Analytical View\n            <\/div>\n\n            <div class=\"da-dash-title\">\n                Utility &amp; Asset Performance\n            <\/div>\n\n\n            <div class=\"da-kpis\">\n\n                <div class=\"da-kpi\">\n                    <small>Energy<\/small>\n                    <strong>32.8 MWh<\/strong>\n                    <span>Selected period<\/span>\n                <\/div>\n\n                <div class=\"da-kpi\">\n                    <small>Assets<\/small>\n                    <strong>48<\/strong>\n                    <span>Monitored<\/span>\n                <\/div>\n\n                <div class=\"da-kpi\">\n                    <small>Events<\/small>\n                    <strong>3<\/strong>\n                    <span>Require review<\/span>\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"da-chart-panel\">\n\n                <div class=\"da-chart-head\">\n                    <strong>Historical Performance Trend<\/strong>\n                    <span>Illustrative View<\/span>\n                <\/div>\n\n                <div class=\"da-chart\">\n\n                    <svg viewBox=\"0 0 600 100\" preserveAspectRatio=\"none\">\n\n                        <polyline fill=\"none\" stroke=\"#31a9e1\" stroke-width=\"3\" points=\"\n                            0,77\n                            50,64\n                            100,68\n                            150,47\n                            200,53\n                            250,35\n                            300,42\n                            350,25\n                            400,29\n                            450,18\n                            500,27\n                            550,14\n                            600,20\n                            \"><\/polyline>\n\n                        <polyline fill=\"none\" stroke=\"#f7b900\" stroke-width=\"2\" stroke-dasharray=\"5 5\" points=\"\n                            0,63\n                            600,63\n                            \"><\/polyline>\n\n                    <\/svg>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"da-analysis-strip\">\n\n                <div class=\"da-analysis-mini\">\n                    <strong>Compare<\/strong>\n                    <span>Asset vs Asset<\/span>\n                <\/div>\n\n                <div class=\"da-analysis-mini\">\n                    <strong>Investigate<\/strong>\n                    <span>Before \/ During \/ After<\/span>\n                <\/div>\n\n                <div class=\"da-analysis-mini\">\n                    <strong>Context<\/strong>\n                    <span>Load \u2022 State \u2022 Environment<\/span>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ========================================================\n     PROBLEM\n     ======================================================== -->\n\n<section class=\"da-section\">\n\n    <div class=\"da-container\">\n\n        <div class=\"da-eyebrow\">\n            The Analytics Gap\n        <\/div>\n\n        <h2 class=\"da-title\">\n            Having data does not automatically\n            mean understanding performance.\n        <\/h2>\n\n        <p class=\"da-lead\">\n            Operational systems may collect thousands\n            of measurements, yet teams can still spend hours\n            exporting spreadsheets, switching between systems\n            or manually comparing trends before reaching\n            a useful engineering conclusion.\n        <\/p>\n\n\n        <div class=\"da-problem-grid\">\n\n\n            <div class=\"da-card\">\n\n                <div class=\"da-card-icon\">01<\/div>\n\n                <h3>Too Many Separate Trends<\/h3>\n\n                <p>\n                    Related measurements may exist\n                    in different dashboards or systems,\n                    making context difficult to see.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-card\">\n\n                <div class=\"da-card-icon\">02<\/div>\n\n                <h3>Current Value Without History<\/h3>\n\n                <p>\n                    A value can look acceptable today\n                    while a longer-term trend\n                    shows meaningful deterioration.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-card\">\n\n                <div class=\"da-card-icon\">03<\/div>\n\n                <h3>No Operational Context<\/h3>\n\n                <p>\n                    Changes in load,\n                    production, equipment state\n                    or environment can alter\n                    how a measurement should be interpreted.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-card\">\n\n                <div class=\"da-card-icon\">04<\/div>\n\n                <h3>Difficult Comparison<\/h3>\n\n                <p>\n                    Similar assets, areas\n                    or sites may perform differently\n                    without an easy way to compare them.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-card\">\n\n                <div class=\"da-card-icon\">05<\/div>\n\n                <h3>Event Without Before &amp; After<\/h3>\n\n                <p>\n                    Investigation becomes harder\n                    when the operating trend\n                    around an event is not readily available.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-card\">\n\n                <div class=\"da-card-icon\">06<\/div>\n\n                <h3>Dashboard Without Decision<\/h3>\n\n                <p>\n                    Attractive visualization creates little value\n                    unless it supports a real\n                    operational or engineering question.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ========================================================\n     QUESTIONS\n     ======================================================== -->\n\n<section class=\"da-section da-dark\">\n\n    <div class=\"da-container\">\n\n        <div class=\"da-eyebrow\">\n            Start With the Question\n        <\/div>\n\n        <h2 class=\"da-title\">\n            Analytics should help answer\n            an operational question \u2014 not just display a metric.\n        <\/h2>\n\n\n        <div class=\"da-question-grid\">\n\n\n            <div class=\"da-question\">\n\n                <div class=\"da-question-no\">01<\/div>\n\n                <h3>What Changed?<\/h3>\n\n                <p>\n                    Identify when a measurement,\n                    condition or performance pattern\n                    began to change.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-question\">\n\n                <div class=\"da-question-no\">02<\/div>\n\n                <h3>Is It Normal?<\/h3>\n\n                <p>\n                    Compare current behavior\n                    with relevant historical patterns\n                    or operating ranges.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-question\">\n\n                <div class=\"da-question-no\">03<\/div>\n\n                <h3>What Happened at the Same Time?<\/h3>\n\n                <p>\n                    Compare related signals\n                    to understand operational context.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-question\">\n\n                <div class=\"da-question-no\">04<\/div>\n\n                <h3>Which Asset Performs Differently?<\/h3>\n\n                <p>\n                    Compare similar assets\n                    under relevant operating conditions.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-question\">\n\n                <div class=\"da-question-no\">05<\/div>\n\n                <h3>Is Performance Improving?<\/h3>\n\n                <p>\n                    Evaluate changes after maintenance,\n                    operational adjustment\n                    or improvement activity.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-question\">\n\n                <div class=\"da-question-no\">06<\/div>\n\n                <h3>What Deserves Investigation?<\/h3>\n\n                <p>\n                    Prioritize meaningful deviations\n                    instead of manually reviewing\n                    every available signal.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ========================================================\n     ANALYTICS TYPES\n     ======================================================== -->\n\n<section class=\"da-section da-light\">\n\n    <div class=\"da-container\">\n\n        <div class=\"da-eyebrow\">\n            Analytical Views\n        <\/div>\n\n        <h2 class=\"da-title\">\n            Turn historical measurements\n            into useful operational comparisons.\n        <\/h2>\n\n\n        <div class=\"da-type-grid\">\n\n\n            <div class=\"da-type\">\n\n                <div class=\"da-type-label\">\n                    Historical\n                <\/div>\n\n                <h3>Trend Analysis<\/h3>\n\n                <p>\n                    Review how a selected\n                    measurement changes over time.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-type\">\n\n                <div class=\"da-type-label\">\n                    Relative Performance\n                <\/div>\n\n                <h3>Asset Comparison<\/h3>\n\n                <p>\n                    Compare similar machines,\n                    feeders, stations\n                    or other monitored assets.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-type\">\n\n                <div class=\"da-type-label\">\n                    Time Comparison\n                <\/div>\n\n                <h3>Period Comparison<\/h3>\n\n                <p>\n                    Compare today,\n                    previous shifts, weeks\n                    or other relevant operating periods.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-type\">\n\n                <div class=\"da-type-label\">\n                    Context\n                <\/div>\n\n                <h3>Multi-Signal Analysis<\/h3>\n\n                <p>\n                    Place related measurements\n                    on the same analytical view\n                    to evaluate coincident changes.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-type\">\n\n                <div class=\"da-type-label\">\n                    Investigation\n                <\/div>\n\n                <h3>Event Analysis<\/h3>\n\n                <p>\n                    Review conditions\n                    before, during and after\n                    a selected monitoring event.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-type\">\n\n                <div class=\"da-type-label\">\n                    Performance\n                <\/div>\n\n                <h3>KPI Monitoring<\/h3>\n\n                <p>\n                    Present selected indicators\n                    where the KPI definition\n                    is meaningful to the use case.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-type\">\n\n                <div class=\"da-type-label\">\n                    Operating Context\n                <\/div>\n\n                <h3>Load &amp; State Analysis<\/h3>\n\n                <p>\n                    Interpret metrics\n                    against equipment load\n                    or operating state where available.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-type\">\n\n                <div class=\"da-type-label\">\n                    Site-Level\n                <\/div>\n\n                <h3>Area \/ Site Comparison<\/h3>\n\n                <p>\n                    Compare selected metrics\n                    across different operating areas\n                    or sites.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-type\">\n\n                <div class=\"da-type-label\">\n                    Data Quality\n                <\/div>\n\n                <h3>Availability Analysis<\/h3>\n\n                <p>\n                    Review missing,\n                    delayed or incomplete data\n                    that may affect interpretation.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ========================================================\n     ARCHITECTURE\n     ======================================================== -->\n\n<section class=\"da-section da-dark\">\n\n    <div class=\"da-container\">\n\n        <div class=\"da-eyebrow\">\n            Siteplore Analytics Architecture\n        <\/div>\n\n        <h2 class=\"da-title\">\n            Analytics starts before the dashboard.\n        <\/h2>\n\n        <p class=\"da-lead\">\n            Useful visualization depends on\n            credible measurement, structured time-series data,\n            contextual metadata and an analytical question\n            worth answering.\n        <\/p>\n\n\n        <div class=\"da-architecture\">\n\n            <div class=\"da-arch-row\">\n\n\n                <div class=\"da-arch-box\">\n\n                    <div class=\"da-arch-no\">\n                        01 \u2014 MEASURE\n                    <\/div>\n\n                    <h3>Field Data<\/h3>\n\n                    <p>\n                        Sensors, meters\n                        and operational systems\n                        provide the source data.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"da-arch-arrow\">\u2192<\/div>\n\n\n                <div class=\"da-arch-box\">\n\n                    <div class=\"da-arch-no\">\n                        02 \u2014 STRUCTURE\n                    <\/div>\n\n                    <h3>Time-Series Data<\/h3>\n\n                    <p>\n                        Measurements are organized\n                        with useful timestamps\n                        and metadata.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"da-arch-arrow\">\u2192<\/div>\n\n\n                <div class=\"da-arch-box\">\n\n                    <div class=\"da-arch-no\">\n                        03 \u2014 VISUALIZE\n                    <\/div>\n\n                    <h3>Dashboard<\/h3>\n\n                    <p>\n                        Present KPIs,\n                        trends and related context.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"da-arch-arrow\">\u2192<\/div>\n\n\n                <div class=\"da-arch-box\">\n\n                    <div class=\"da-arch-no\">\n                        04 \u2014 ANALYZE\n                    <\/div>\n\n                    <h3>Compare &amp; Investigate<\/h3>\n\n                    <p>\n                        Explore patterns,\n                        relationships and events.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"da-arch-arrow\">\u2192<\/div>\n\n\n                <div class=\"da-arch-box\">\n\n                    <div class=\"da-arch-no\">\n                        05 \u2014 DECIDE\n                    <\/div>\n\n                    <h3>Operational Action<\/h3>\n\n                    <p>\n                        Inspect, prioritize,\n                        maintain or improve\n                        based on evidence.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ========================================================\n     DASHBOARD DESIGN\n     ======================================================== -->\n\n<section class=\"da-section\">\n\n    <div class=\"da-container\">\n\n        <div class=\"da-eyebrow\">\n            Dashboard Design Principles\n        <\/div>\n\n        <h2 class=\"da-title\">\n            A useful dashboard reduces\n            the time needed to understand the operation.\n        <\/h2>\n\n\n        <div class=\"da-design-grid\">\n\n\n            <div class=\"da-design\">\n\n                <div class=\"da-design-no\">01<\/div>\n\n                <h3>Start With the User<\/h3>\n\n                <p>\n                    Operators, maintenance teams,\n                    engineers and managers\n                    do not necessarily need\n                    the same dashboard.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-design\">\n\n                <div class=\"da-design-no\">02<\/div>\n\n                <h3>Show What Matters First<\/h3>\n\n                <p>\n                    Critical context should be easier\n                    to find than secondary information.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-design\">\n\n                <div class=\"da-design-no\">03<\/div>\n\n                <h3>Preserve Engineering Units<\/h3>\n\n                <p>\n                    Units, ranges\n                    and measurement meaning\n                    should remain clear.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-design\">\n\n                <div class=\"da-design-no\">04<\/div>\n\n                <h3>Provide Historical Context<\/h3>\n\n                <p>\n                    A current number should often\n                    be accompanied by\n                    relevant historical behavior.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-design\">\n\n                <div class=\"da-design-no\">05<\/div>\n\n                <h3>Reduce Visual Noise<\/h3>\n\n                <p>\n                    More panels do not automatically\n                    provide more operational insight.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-design\">\n\n                <div class=\"da-design-no\">06<\/div>\n\n                <h3>Enable Drill-Down<\/h3>\n\n                <p>\n                    Move from site-level context\n                    toward specific areas,\n                    assets or measurements.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ========================================================\n     WORKFLOW\n     ======================================================== -->\n\n<section class=\"da-section da-dark\">\n\n    <div class=\"da-container da-workflow-grid\">\n\n\n        <div>\n\n            <div class=\"da-eyebrow\">\n                Analytical Workflow\n            <\/div>\n\n            <h2 class=\"da-title\">\n                From \u201csomething changed\u201d\n                to a structured investigation.\n            <\/h2>\n\n            <p class=\"da-lead\">\n                Siteplore dashboards can support\n                a repeatable engineering workflow\n                rather than relying on isolated\n                screenshots or one-time observations.\n            <\/p>\n\n        <\/div>\n\n\n\n        <div class=\"da-workflow-panel\">\n\n\n            <div class=\"da-workflow-item\">\n\n                <strong>\n                    1. Identify the Change\n                <\/strong>\n\n                <span>\n                    Find the metric,\n                    asset or period\n                    that deserves review.\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"da-workflow-item\">\n\n                <strong>\n                    2. Expand the Time Window\n                <\/strong>\n\n                <span>\n                    Determine whether the behavior\n                    is sudden, gradual,\n                    recurring or persistent.\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"da-workflow-item\">\n\n                <strong>\n                    3. Add Related Signals\n                <\/strong>\n\n                <span>\n                    Review operating state,\n                    load, process or environmental context.\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"da-workflow-item\">\n\n                <strong>\n                    4. Compare Similar Conditions\n                <\/strong>\n\n                <span>\n                    Compare another asset,\n                    previous period\n                    or relevant operating baseline.\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"da-workflow-item\">\n\n                <strong>\n                    5. Form an Engineering Hypothesis\n                <\/strong>\n\n                <span>\n                    Use available evidence\n                    to define what should\n                    be verified next.\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"da-workflow-item\">\n\n                <strong>\n                    6. Verify &amp; Act\n                <\/strong>\n\n                <span>\n                    Inspect, test,\n                    maintain or continue monitoring\n                    according to the situation.\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ========================================================\n     ADVANCED ANALYTICS\n     ======================================================== -->\n\n<section class=\"da-section da-dark\">\n\n    <div class=\"da-container\">\n\n        <div class=\"da-eyebrow\">\n            Advanced Analytics\n        <\/div>\n\n        <h2 class=\"da-title\">\n            Move beyond historical charts\n            when the data foundation is ready.\n        <\/h2>\n\n        <p class=\"da-lead\">\n            The Grafana Cloud environment used by Siteplore\n            can provide additional analytical capabilities\n            where they are supported by the customer&#8217;s stack,\n            data source, plan and configuration.\n        <\/p>\n\n\n        <div class=\"da-advanced-grid\">\n\n\n            <div class=\"da-advanced\">\n\n                <div class=\"da-advanced-type\">\n                    Investigation\n                <\/div>\n\n                <h3>Investigations<\/h3>\n\n                <p>\n                    Use structured investigation workflows\n                    to explore meaningful\n                    monitoring changes and related context.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-advanced\">\n\n                <div class=\"da-advanced-type\">\n                    Machine Learning\n                <\/div>\n\n                <h3>Metric Forecasts<\/h3>\n\n                <p>\n                    Forecast suitable time-series metrics\n                    to provide additional future context,\n                    anomaly-detection support\n                    or capacity-planning insight.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-advanced\">\n\n                <div class=\"da-advanced-type\">\n                    Machine Learning\n                <\/div>\n\n                <h3>Outlier Detection<\/h3>\n\n                <p>\n                    Identify unusual behavior\n                    relative to suitable analytical\n                    references where configured.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-advanced\">\n\n                <div class=\"da-advanced-type\">\n                    Assisted Investigation\n                <\/div>\n\n                <h3>Sift Investigations<\/h3>\n\n                <p>\n                    Where available,\n                    automated investigative workflows\n                    can help surface relevant signals\n                    for further engineering review.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-advanced\">\n\n                <div class=\"da-advanced-type\">\n                    AI-Assisted\n                <\/div>\n\n                <h3>AI Assistant<\/h3>\n\n                <p>\n                    Available assistant capabilities\n                    can support exploration,\n                    search and analysis\n                    of monitored information.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-advanced\">\n\n                <div class=\"da-advanced-type\">\n                    Event Context\n                <\/div>\n\n                <h3>Alerts &amp; Investigations<\/h3>\n\n                <p>\n                    Combine selected monitoring events\n                    with historical and analytical context\n                    to support faster investigation.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-advanced\">\n\n                <div class=\"da-advanced-type\">\n                    Automation\n                <\/div>\n\n                <h3>Automations &amp; Watchers<\/h3>\n\n                <p>\n                    Available workflow capabilities\n                    can support repeated monitoring\n                    and follow-up processes\n                    where suitable.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-advanced\">\n\n                <div class=\"da-advanced-type\">\n                    Discovery\n                <\/div>\n\n                <h3>Search<\/h3>\n\n                <p>\n                    Search capabilities can help users\n                    navigate monitoring resources\n                    and related information.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-advanced\">\n\n                <div class=\"da-advanced-type\">\n                    Reliability Context\n                <\/div>\n\n                <h3>SLO &amp; Service Context<\/h3>\n\n                <p>\n                    Where relevant,\n                    selected service-level concepts\n                    can support availability\n                    and performance monitoring objectives.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <p style=\"\n            max-width:920px;\n            margin:25px 0 0;\n            color:#91a6bc;\n            font-size:11px;\n        \">\n            Advanced analytics availability depends on\n            the selected Grafana Cloud plan,\n            customer stack, compatible data source,\n            historical data and project configuration.\n            Forecasting, anomaly detection and AI-assisted analysis\n            should not be interpreted as guaranteed prediction\n            or automatic engineering diagnosis.\n        <\/p>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ========================================================\n     DATA FOUNDATION\n     ======================================================== -->\n\n<section class=\"da-section da-light\">\n\n    <div class=\"da-container\">\n\n        <div class=\"da-eyebrow\">\n            Analytics Depends on Data Quality\n        <\/div>\n\n        <h2 class=\"da-title\">\n            Better algorithms cannot compensate\n            for poor measurement context.\n        <\/h2>\n\n\n        <div class=\"da-foundation-grid\">\n\n\n            <div class=\"da-foundation\">\n\n                <div class=\"da-foundation-no\">01<\/div>\n\n                <h3>Reliable Measurement<\/h3>\n\n                <p>\n                    Sensors and instruments\n                    must provide credible information\n                    about the physical condition.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-foundation\">\n\n                <div class=\"da-foundation-no\">02<\/div>\n\n                <h3>Correct Timestamp<\/h3>\n\n                <p>\n                    Time alignment matters\n                    when comparing events\n                    across multiple signals.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-foundation\">\n\n                <div class=\"da-foundation-no\">03<\/div>\n\n                <h3>Consistent Units<\/h3>\n\n                <p>\n                    Engineering units\n                    and scaling should remain\n                    consistent and understandable.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-foundation\">\n\n                <div class=\"da-foundation-no\">04<\/div>\n\n                <h3>Asset Metadata<\/h3>\n\n                <p>\n                    Site, area, asset\n                    and device identity help\n                    preserve data meaning.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-foundation\">\n\n                <div class=\"da-foundation-no\">05<\/div>\n\n                <h3>Operating Context<\/h3>\n\n                <p>\n                    Load, state,\n                    production or environmental\n                    context can change interpretation.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-foundation\">\n\n                <div class=\"da-foundation-no\">06<\/div>\n\n                <h3>Data Availability<\/h3>\n\n                <p>\n                    Missing or delayed data\n                    should be understood\n                    before drawing conclusions.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ========================================================\n     APPLICATIONS\n     ======================================================== -->\n\n<section class=\"da-section\">\n\n    <div class=\"da-container\">\n\n        <div class=\"da-eyebrow\">\n            Example Analytical Applications\n        <\/div>\n\n        <h2 class=\"da-title\">\n            Different operational questions\n            require different analytical views.\n        <\/h2>\n\n\n        <div class=\"da-app-grid\">\n\n\n            <div class=\"da-app\">\n\n                <div class=\"da-app-head\">\n                    <small>Energy<\/small>\n                    <h3>Energy Performance Analysis<\/h3>\n                <\/div>\n\n                <div class=\"da-app-body\">\n\n                    <p>\n                        Compare selected\n                        energy consumption\n                        across periods, areas or loads.\n                    <\/p>\n\n                    <div class=\"da-app-chain\">\n                        Energy Data<br>\n                        \u2192 Compare<br>\n                        \u2192 Investigate Change\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"da-app\">\n\n                <div class=\"da-app-head\">\n                    <small>Machine Condition<\/small>\n                    <h3>Asset Trend Investigation<\/h3>\n                <\/div>\n\n                <div class=\"da-app-body\">\n\n                    <p>\n                        Review condition trends\n                        and operating context\n                        around a developing change.\n                    <\/p>\n\n                    <div class=\"da-app-chain\">\n                        Condition Data<br>\n                        \u2192 Historical Trend<br>\n                        \u2192 Engineering Review\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"da-app\">\n\n                <div class=\"da-app-head\">\n                    <small>Utilities<\/small>\n                    <h3>Utility Performance<\/h3>\n                <\/div>\n\n                <div class=\"da-app-body\">\n\n                    <p>\n                        Compare selected\n                        utility measurements\n                        with operational demand.\n                    <\/p>\n\n                    <div class=\"da-app-chain\">\n                        Utility Data<br>\n                        \u2192 Context<br>\n                        \u2192 Performance Review\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"da-app\">\n\n                <div class=\"da-app-head\">\n                    <small>Environment<\/small>\n                    <h3>Environmental Trend Analysis<\/h3>\n                <\/div>\n\n                <div class=\"da-app-body\">\n\n                    <p>\n                        Review environmental\n                        patterns across time\n                        or monitoring stations.\n                    <\/p>\n\n                    <div class=\"da-app-chain\">\n                        Environmental Data<br>\n                        \u2192 Trend<br>\n                        \u2192 Compare\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"da-app\">\n\n                <div class=\"da-app-head\">\n                    <small>Maintenance<\/small>\n                    <h3>Before \/ After Maintenance<\/h3>\n                <\/div>\n\n                <div class=\"da-app-body\">\n\n                    <p>\n                        Compare equipment behavior\n                        before and after\n                        selected maintenance activity.\n                    <\/p>\n\n                    <div class=\"da-app-chain\">\n                        Historical Data<br>\n                        \u2192 Maintenance Event<br>\n                        \u2192 Performance Comparison\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"da-app\">\n\n                <div class=\"da-app-head\">\n                    <small>Multi-Site<\/small>\n                    <h3>Site Benchmarking<\/h3>\n                <\/div>\n\n                <div class=\"da-app-body\">\n\n                    <p>\n                        Compare selected\n                        standardized metrics\n                        across multiple sites.\n                    <\/p>\n\n                    <div class=\"da-app-chain\">\n                        Site A + Site B<br>\n                        \u2192 Standard Metric<br>\n                        \u2192 Comparison\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ========================================================\n     PRODUCT CONTEXT\n     ======================================================== -->\n\n<section class=\"da-section da-dark\">\n\n    <div class=\"da-container\">\n\n        <div class=\"da-eyebrow\">\n            Data Sources Across Siteplore\n        <\/div>\n\n        <h2 class=\"da-title\">\n            One analytics layer can provide context\n            across different monitoring domains.\n        <\/h2>\n\n\n        <div class=\"da-product-grid\">\n\n\n            <div class=\"da-product\">\n\n                <div class=\"da-product-type\">\n                    Multi-Sensor Data\n                <\/div>\n\n                <h3>RekaSense<\/h3>\n\n                <p>\n                    Analyze compatible\n                    environmental, water,\n                    agriculture and process\n                    time-series measurements.\n                <\/p>\n\n                <a class=\"da-product-link\" href=\"\/index.php\/rekasense\">\n                    Explore RekaSense \u2192\n                <\/a>\n\n            <\/div>\n\n\n            <div class=\"da-product\">\n\n                <div class=\"da-product-type\">\n                    Electrical &amp; Energy\n                <\/div>\n\n                <h3>PowerWatch<\/h3>\n\n                <p>\n                    Analyze selected electrical\n                    and energy trends,\n                    comparisons and operating context.\n                <\/p>\n\n                <a class=\"da-product-link\" href=\"\/index.php\/powerwatch\">\n                    Explore PowerWatch \u2192\n                <\/a>\n\n            <\/div>\n\n\n            <div class=\"da-product\">\n\n                <div class=\"da-product-type\">\n                    Equipment Condition\n                <\/div>\n\n                <h3>MachineGuard<\/h3>\n\n                <p>\n                    Review equipment condition\n                    history, trends and selected\n                    operating context.\n                <\/p>\n\n                <a class=\"da-product-link\" href=\"\/index.php\/machineguard\">\n                    Explore MachineGuard \u2192\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ========================================================\n     DELIVERABLES\n     ======================================================== -->\n\n<section class=\"da-section\">\n\n    <div class=\"da-container\">\n\n        <div class=\"da-eyebrow\">\n            What an Analytics Scope Can Include\n        <\/div>\n\n        <h2 class=\"da-title\">\n            Build dashboards around\n            the decisions users need to make.\n        <\/h2>\n\n        <p class=\"da-lead\">\n            Exact deliverables depend on\n            available data, customer requirements,\n            monitoring scope and the selected Siteplore engagement.\n        <\/p>\n\n\n        <div class=\"da-deliver-grid\">\n\n\n            <div class=\"da-deliver\">\n\n                <div class=\"da-deliver-icon\">\u2713<\/div>\n\n                <div>\n                    <h3>Analytics Requirement Definition<\/h3>\n                    <p>\n                        Define the operational\n                        or engineering questions\n                        the dashboard should support.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"da-deliver\">\n\n                <div class=\"da-deliver-icon\">\u2713<\/div>\n\n                <div>\n                    <h3>Dashboard Architecture<\/h3>\n                    <p>\n                        Organize site,\n                        area, asset and detailed\n                        analytical views.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"da-deliver\">\n\n                <div class=\"da-deliver-icon\">\u2713<\/div>\n\n                <div>\n                    <h3>Historical Trend Views<\/h3>\n                    <p>\n                        Relevant time-series\n                        visualizations for selected metrics.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"da-deliver\">\n\n                <div class=\"da-deliver-icon\">\u2713<\/div>\n\n                <div>\n                    <h3>Comparison Views<\/h3>\n                    <p>\n                        Asset, period,\n                        area or site comparison\n                        where appropriate.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"da-deliver\">\n\n                <div class=\"da-deliver-icon\">\u2713<\/div>\n\n                <div>\n                    <h3>KPI Definition<\/h3>\n                    <p>\n                        Selected calculated indicators\n                        where their engineering meaning\n                        is clearly defined.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"da-deliver\">\n\n                <div class=\"da-deliver-icon\">\u2713<\/div>\n\n                <div>\n                    <h3>Event Context Views<\/h3>\n                    <p>\n                        Historical context\n                        around selected monitoring events.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"da-deliver\">\n\n                <div class=\"da-deliver-icon\">\u2713<\/div>\n\n                <div>\n                    <h3>Advanced Analytics Configuration<\/h3>\n                    <p>\n                        Suitable advanced capabilities\n                        where supported by\n                        the deployment and data.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"da-deliver\">\n\n                <div class=\"da-deliver-icon\">\u2713<\/div>\n\n                <div>\n                    <h3>Training &amp; Handover<\/h3>\n                    <p>\n                        Explain how users\n                        should navigate and interpret\n                        configured analytical views.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ========================================================\n     MATURITY\n     ======================================================== -->\n\n<section class=\"da-section da-dark\">\n\n    <div class=\"da-container\">\n\n        <div class=\"da-eyebrow\">\n            Analytics Maturity\n        <\/div>\n\n        <h2 class=\"da-title\">\n            Start with visibility.\n            Increase analytical sophistication\n            as the data earns your confidence.\n        <\/h2>\n\n\n        <div class=\"da-maturity-grid\">\n\n\n            <div class=\"da-maturity\">\n\n                <div class=\"da-maturity-no\">01<\/div>\n\n                <h3>Visualize<\/h3>\n\n                <p>\n                    Establish reliable\n                    dashboards and historical trends.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-maturity\">\n\n                <div class=\"da-maturity-no\">02<\/div>\n\n                <h3>Compare<\/h3>\n\n                <p>\n                    Compare periods,\n                    assets and operating conditions.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-maturity\">\n\n                <div class=\"da-maturity-no\">03<\/div>\n\n                <h3>Investigate<\/h3>\n\n                <p>\n                    Combine related signals\n                    around meaningful changes.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-maturity\">\n\n                <div class=\"da-maturity-no\">04<\/div>\n\n                <h3>Model<\/h3>\n\n                <p>\n                    Evaluate forecasting\n                    or outlier analytics\n                    where appropriate.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"da-maturity\">\n\n                <div class=\"da-maturity-no\">05<\/div>\n\n                <h3>Improve<\/h3>\n\n                <p>\n                    Use evidence\n                    to improve operational\n                    and maintenance decisions.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ========================================================\n     BOUNDARY\n     ======================================================== -->\n\n<section class=\"da-section da-light\">\n\n    <div class=\"da-container\">\n\n        <div class=\"da-eyebrow\">\n            Important Analytics Boundary\n        <\/div>\n\n        <h2 class=\"da-title\">\n            Analytics supports engineering judgment.\n            It does not replace it.\n        <\/h2>\n\n        <p class=\"da-lead\">\n            Siteplore provides historical visibility,\n            comparison and analytical context.\n            Advanced methods can help identify patterns,\n            but conclusions still depend on data quality,\n            application knowledge and appropriate verification.\n        <\/p>\n\n\n        <div class=\"da-boundary\">\n\n            <table>\n\n                <thead>\n\n                    <tr>\n                        <th>Capability<\/th>\n                        <th>Siteplore Dashboards &amp; Analytics<\/th>\n                        <th>Important Boundary<\/th>\n                    <\/tr>\n\n                <\/thead>\n\n\n                <tbody>\n\n                    <tr>\n                        <td>Historical visualization<\/td>\n                        <td class=\"da-yes\">Yes<\/td>\n                        <td>Depends on available historical data<\/td>\n                    <\/tr>\n\n                    <tr>\n                        <td>Asset \/ period comparison<\/td>\n                        <td class=\"da-yes\">Yes<\/td>\n                        <td>Requires comparable data and context<\/td>\n                    <\/tr>\n\n                    <tr>\n                        <td>Calculated KPIs<\/td>\n                        <td class=\"da-yes\">Where defined<\/td>\n                        <td>Formula and engineering meaning must be valid<\/td>\n                    <\/tr>\n\n                    <tr>\n                        <td>Event investigation<\/td>\n                        <td class=\"da-yes\">Yes<\/td>\n                        <td>Limited by available measurements<\/td>\n                    <\/tr>\n\n                    <tr>\n                        <td>Outlier detection<\/td>\n                        <td class=\"da-yes\">Potentially<\/td>\n                        <td>Requires suitable data and configured capability<\/td>\n                    <\/tr>\n\n                    <tr>\n                        <td>Metric forecasting<\/td>\n                        <td class=\"da-yes\">Potentially<\/td>\n                        <td>Forecast quality depends on time-series behavior<\/td>\n                    <\/tr>\n\n                    <tr>\n                        <td>AI-assisted analysis<\/td>\n                        <td class=\"da-yes\">Where available<\/td>\n                        <td>Not a verified engineering diagnosis by itself<\/td>\n                    <\/tr>\n\n                    <tr>\n                        <td>Guaranteed failure prediction<\/td>\n                        <td class=\"da-caution\">No<\/td>\n                        <td>Requires validated domain-specific predictive model<\/td>\n                    <\/tr>\n\n                    <tr>\n                        <td>Guaranteed remaining useful life<\/td>\n                        <td class=\"da-caution\">No<\/td>\n                        <td>Not claimed without validated RUL methodology<\/td>\n                    <\/tr>\n\n                    <tr>\n                        <td>Automatic root-cause conclusion<\/td>\n                        <td class=\"da-caution\">No<\/td>\n                        <td>Further engineering investigation remains necessary<\/td>\n                    <\/tr>\n\n                    <tr>\n                        <td>Automatic process control<\/td>\n                        <td class=\"da-caution\">No<\/td>\n                        <td>Dedicated control engineering required<\/td>\n                    <\/tr>\n\n                <\/tbody>\n\n            <\/table>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ========================================================\n     START OPTIONS\n     ======================================================== -->\n\n<section class=\"da-section\">\n\n    <div class=\"da-container\">\n\n        <div class=\"da-eyebrow\">\n            Start With the Decision\n        <\/div>\n\n        <h2 class=\"da-title\">\n            Define what the dashboard\n            should help your team understand.\n        <\/h2>\n\n\n        <div class=\"da-option-grid\">\n\n\n            <div class=\"da-option\">\n\n                <div class=\"da-option-type\">\n                    Requirements\n                <\/div>\n\n                <h3>Site Assessment<\/h3>\n\n                <p>\n                    For organizations that need\n                    to define measurements,\n                    KPIs and analytical questions\n                    before building dashboards.\n                <\/p>\n\n                <ul>\n                    <li>Operational problem review<\/li>\n                    <li>Data-source review<\/li>\n                    <li>Measurement assessment<\/li>\n                    <li>Analytics requirement definition<\/li>\n                    <li>Recommended monitoring architecture<\/li>\n                <\/ul>\n\n                <a class=\"da-btn da-btn-dark\" href=\"https:\/\/wa.me\/628111222700?text=Hello%20Rekacipta%2C%20I%20would%20like%20to%20request%20a%20Siteplore%20site%20assessment.\" target=\"_blank\" rel=\"noopener\">\n                    Request Site Assessment\n                <\/a>\n\n            <\/div>\n\n\n\n            <div class=\"da-option da-option-featured\">\n\n                <div class=\"da-option-badge\">\n                    Recommended Start\n                <\/div>\n\n                <div class=\"da-option-type\">\n                    Focused Validation\n                <\/div>\n\n                <h3>90-Day Paid Pilot<\/h3>\n\n                <p>\n                    Validate a focused\n                    dashboard and analytical workflow\n                    using selected operational data.\n                <\/p>\n\n                <ul>\n                    <li>Selected data sources<\/li>\n                    <li>Historical dashboard<\/li>\n                    <li>Comparison views<\/li>\n                    <li>Analytical investigation workflow<\/li>\n                    <li>Pilot findings &amp; scale-up recommendation<\/li>\n                <\/ul>\n\n                <a class=\"da-btn da-btn-primary\" href=\"\/index.php\/pricing\/#paid-pilot\">\n                    Explore Paid Pilot\n                <\/a>\n\n            <\/div>\n\n\n\n            <div class=\"da-option\">\n\n                <div class=\"da-option-type\">\n                    Integrated Analytics\n                <\/div>\n\n                <h3>Siteplore Deployment<\/h3>\n\n                <p>\n                    For organizations that need\n                    multiple dashboards,\n                    sites or analytical domains\n                    in one monitoring architecture.\n                <\/p>\n\n                <ul>\n                    <li>Dashboard hierarchy<\/li>\n                    <li>Multiple monitored domains<\/li>\n                    <li>Historical analytics<\/li>\n                    <li>Customer Grafana environment<\/li>\n                    <li>Training &amp; support scope<\/li>\n                <\/ul>\n\n                <a class=\"da-btn da-btn-dark\" href=\"https:\/\/wa.me\/628111222700?text=Hello%20Rekacipta%2C%20I%20would%20like%20to%20discuss%20Siteplore%20Dashboards%20and%20Analytics%20deployment.\" target=\"_blank\" rel=\"noopener\">\n                    Discuss Deployment\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"da-actions\">\n\n            <a class=\"da-btn da-btn-dark\" href=\"\/index.php\/iot-monitoring\">\n                IoT Monitoring \u2192\n            <\/a>\n\n            <a class=\"da-btn da-btn-dark\" href=\"\/index.php\/real-time-monitoring-alerts\">\n                Real-Time Monitoring &amp; Alerts \u2192\n            <\/a>\n\n            <a class=\"da-btn da-btn-dark\" href=\"\/index.php\/pricing\">\n                View Siteplore Pricing \u2192\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ========================================================\n     FAQ\n     ======================================================== -->\n\n<section class=\"da-section da-light\">\n\n    <div class=\"da-container\">\n\n        <div class=\"da-eyebrow\">\n            Frequently Asked Questions\n        <\/div>\n\n        <h2 class=\"da-title\">\n            Dashboards &amp; Analytics FAQ\n        <\/h2>\n\n\n        <div class=\"da-faq\">\n\n\n            <details>\n\n                <summary>\n                    What is the difference between a dashboard and analytics?\n                <\/summary>\n\n                <p>\n                    A dashboard presents information.\n                    Analytics goes further by comparing,\n                    contextualizing and investigating data\n                    to answer a specific operational\n                    or engineering question.\n                <\/p>\n\n            <\/details>\n\n\n            <details>\n\n                <summary>\n                    Does Siteplore use Grafana Cloud for dashboards?\n                <\/summary>\n\n                <p>\n                    Grafana Cloud can provide\n                    the visualization and analytical interface\n                    within the Siteplore architecture.\n                    Siteplore also includes the field-data,\n                    edge, time-series and engineering layers\n                    required to make those dashboards useful.\n                <\/p>\n\n            <\/details>\n\n\n            <details>\n\n                <summary>\n                    Where is the historical data stored?\n                <\/summary>\n\n                <p>\n                    Siteplore can use a configured\n                    cloud time-series platform such as\n                    InfluxDB Cloud for measurement history,\n                    with Grafana Cloud acting as\n                    the monitoring and analytical interface.\n                <\/p>\n\n            <\/details>\n\n\n            <details>\n\n                <summary>\n                    Can dashboards show real-time and historical data together?\n                <\/summary>\n\n                <p>\n                    Yes, where the data architecture supports it.\n                    Current-state information can be shown\n                    together with historical context\n                    to make interpretation easier.\n                <\/p>\n\n            <\/details>\n\n\n            <details>\n\n                <summary>\n                    Can users compare two machines?\n                <\/summary>\n\n                <p>\n                    Yes, where comparable measurements\n                    exist for both machines.\n                    Differences should still be interpreted\n                    in the context of load,\n                    service and operating condition.\n                <\/p>\n\n            <\/details>\n\n\n            <details>\n\n                <summary>\n                    Can Siteplore compare multiple sites?\n                <\/summary>\n\n                <p>\n                    Yes, where multi-site monitoring\n                    and standardized metrics\n                    are part of the deployment architecture.\n                <\/p>\n\n            <\/details>\n\n\n            <details>\n\n                <summary>\n                    Can dashboards calculate KPIs?\n                <\/summary>\n\n                <p>\n                    Calculated indicators can be configured\n                    where the required source data,\n                    formula and engineering definition\n                    are available.\n                <\/p>\n\n            <\/details>\n\n\n            <details>\n\n                <summary>\n                    Can dashboards show maintenance events?\n                <\/summary>\n\n                <p>\n                    Maintenance or operating-event context\n                    can potentially be incorporated\n                    where the relevant information\n                    is available and integrated.\n                <\/p>\n\n            <\/details>\n\n\n            <details>\n\n                <summary>\n                    Can Siteplore forecast future trends?\n                <\/summary>\n\n                <p>\n                    Grafana Cloud Metric Forecast\n                    capabilities can be evaluated\n                    for suitable time-series metrics\n                    where available within the customer stack.\n                    Forecasting provides analytical context\n                    and should not be treated as\n                    a guaranteed future outcome.\n                <\/p>\n\n            <\/details>\n\n\n            <details>\n\n                <summary>\n                    Can Siteplore automatically detect unusual data?\n                <\/summary>\n\n                <p>\n                    Outlier-detection capabilities\n                    can be evaluated for suitable metrics.\n                    Performance depends on\n                    the quality and behavior\n                    of the underlying data.\n                <\/p>\n\n            <\/details>\n\n\n            <details>\n\n                <summary>\n                    Can AI determine the root cause of a machine problem?\n                <\/summary>\n\n                <p>\n                    AI-assisted analysis can support\n                    exploration and investigation\n                    where available, but its output\n                    should not automatically be treated\n                    as a verified engineering root cause.\n                <\/p>\n\n            <\/details>\n\n\n            <details>\n\n                <summary>\n                    Does MachineGuard predict remaining useful life?\n                <\/summary>\n\n                <p>\n                    Remaining useful life should not\n                    be claimed unless a validated\n                    RUL model has been developed\n                    for the relevant asset,\n                    failure mode and available data.\n                <\/p>\n\n            <\/details>\n\n\n            <details>\n\n                <summary>\n                    Can Siteplore replace Excel analysis?\n                <\/summary>\n\n                <p>\n                    Siteplore can reduce repeated\n                    manual extraction and comparison\n                    for monitoring use cases,\n                    but specialized engineering studies\n                    may still require separate analytical tools.\n                <\/p>\n\n            <\/details>\n\n\n            <details>\n\n                <summary>\n                    Can customers build their own dashboards?\n                <\/summary>\n\n                <p>\n                    The ability to modify dashboards\n                    depends on the access role\n                    and customer monitoring architecture\n                    configured for the deployment.\n                <\/p>\n\n            <\/details>\n\n\n            <details>\n\n                <summary>\n                    Does every customer receive advanced AI and machine-learning features?\n                <\/summary>\n\n                <p>\n                    No.\n                    Advanced capabilities depend on\n                    the Grafana Cloud plan,\n                    customer stack, compatible data source,\n                    available history and project configuration.\n                <\/p>\n\n            <\/details>\n\n\n            <details>\n\n                <summary>\n                    What data is needed before advanced analytics is useful?\n                <\/summary>\n\n                <p>\n                    The most important foundation is\n                    reliable and relevant measurement data,\n                    correct timestamps,\n                    consistent units,\n                    useful asset metadata\n                    and enough operating history\n                    for the intended analytical method.\n                <\/p>\n\n            <\/details>\n\n\n            <details>\n\n                <summary>\n                    How should we start designing a dashboard?\n                <\/summary>\n\n                <p>\n                    Start with the question\n                    the user needs to answer.\n                    Then identify the measurements,\n                    context and comparisons needed\n                    to answer it.\n                    The visualization comes after that.\n                <\/p>\n\n            <\/details>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ========================================================\n     FINAL CTA\n     ======================================================== -->\n\n<section class=\"da-cta\">\n\n    <div class=\"da-container da-cta-inner\">\n\n        <div>\n\n            <h2>\n                A dashboard should not just show\n                <span>what the data says.<\/span>\n                It should help your team understand\n                what the operation is doing.\n            <\/h2>\n\n            <p>\n                Rekacipta can help structure the data,\n                define meaningful analytical questions,\n                build Siteplore dashboards\n                and create historical comparison\n                and investigation workflows\n                that support better engineering decisions.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"da-actions\">\n\n            <a class=\"da-btn da-btn-primary\" href=\"https:\/\/wa.me\/628111222700?text=Hello%20Rekacipta%2C%20I%20would%20like%20to%20discuss%20Siteplore%20Dashboards%20and%20Analytics.\" target=\"_blank\" rel=\"noopener\">\n                Discuss Dashboards &amp; Analytics \u2192\n            <\/a>\n\n            <a class=\"da-btn da-btn-secondary\" href=\"\/index.php\/customer-monitoring\">\n                Customer Monitoring\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Siteplore Platform \u2014 Dashboards &amp; Analytics See the Trend. Understand the Context. Siteplore turns connected operational time-series into dashboards, comparisons and analytical workflows that help engineers and operational teams understand what changed, when it changed, how assets or sites compare, and what deserves further investigation. Discuss Dashboards &amp; Analytics \u2192 View Customer Monitoring \u2713 Siteplore [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-189","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/siteplore.com\/index.php\/wp-json\/wp\/v2\/pages\/189","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/siteplore.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/siteplore.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/siteplore.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/siteplore.com\/index.php\/wp-json\/wp\/v2\/comments?post=189"}],"version-history":[{"count":2,"href":"https:\/\/siteplore.com\/index.php\/wp-json\/wp\/v2\/pages\/189\/revisions"}],"predecessor-version":[{"id":220,"href":"https:\/\/siteplore.com\/index.php\/wp-json\/wp\/v2\/pages\/189\/revisions\/220"}],"wp:attachment":[{"href":"https:\/\/siteplore.com\/index.php\/wp-json\/wp\/v2\/media?parent=189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}