Kanvas Analisis
Complex Data & Regional Policy Analysis System
- Role
- Front-End & Systems Integration Engineer
- Period
- 2024
- Organisation
- Kementerian PPN/Bappenas – SKALA Program
Overview
Transforming complex national statistical datasets (Susenas, Sakernas, DTSEN) and regional planning documents (RPJMD, RKPD) into an interactive analytical workflow for regional planning.
Context
Regional policymakers often struggle to synthesize scattered socioeconomic microdata with macro policy targets. Kanvas Analisis acts as an analytical bridge connecting raw statistical metrics directly to policy interventions.
Problem
Data silos across central and regional agencies hindered evidence-based planning. Sifting through hundreds of indicators from Susenas and Sakernas manually caused severe delays in drafting regional development plans.
Approach
Engineered an interactive canvas interface that allows policy analysts to explore thematic sectors, correlate socio-economic indicators with regional priorities, and model intervention options directly within the system.
Flow
- 01
Dataset Ingestion
Ingesting Susenas, Sakernas, and DTSEN socio-economic indicators
- 02
Sectoral Theming
Categorizing indicators into regional priority sectors
- 03
Cross-Indicator Analysis
Interactive visualization comparing regional benchmarks
- 04
Document Synthesis
Exporting structured analytical insights into RPJMD/RKPD drafts
Technical challenges
- Rendering large multidimensional datasets with high rendering performance on resource-constrained client machines.
- Designing an intuitive canvas workflow that accommodates both high-level executive summaries and deep analytical drill-downs.
- Maintaining state synchronization across nested sectoral filters, geographic zones, and comparative metrics.
Engineering decisions
- Architected a modular component hierarchy with selective memoization to minimize re-renders during deep-drill filter queries.
- Implemented client-side caching and streaming data transformers to provide immediate UI feedback while handling extensive analytical sets.
- Used responsive layout primitives to maintain data density on large displays while preserving readability on portable laptops.
What shipped
- Interactive analytical canvas for cross-sectoral indicator exploration
- Integration with national statistics databases (Susenas, Sakernas, DTSEN)
- Automated linkage between problem diagnosis and policy document templates
Stack
React.js · Next.js · TypeScript · Tailwind CSS · Data Visualization · REST APIs