Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"/> | |
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |
| <meta name="description" content="Transparent policy evaluation lab using World Bank indicators, Difference-in-Differences and synthetic controls."/> | |
| <title>ImpactLab LATAM | Policy Evaluation Studio</title> | |
| <link rel="stylesheet" href="styles.css"/> | |
| </head> | |
| <body> | |
| <div class="shell"> | |
| <header class="topbar"> | |
| <a class="brand" href="#overview" aria-label="ImpactLab home"><span class="brandmark">◈</span><span>IMPACT<span class="blue">LAB</span><span class="dot">.</span></span> <span class="region">LATAM</span></a> | |
| <div class="top-right"><span class="live-led"></span> OPEN RESEARCH STUDIO <span class="version">v1.0</span></div> | |
| </header> | |
| <section class="hero"> | |
| <div class="hero-text"> | |
| <div class="eyebrow"><span class="smallline"></span> APPLIED POLICY SCIENCE <span class="sep">/</span> REPRODUCIBLE METHODS</div> | |
| <h1>From indicators<br/>to <em>impact hypotheses.</em></h1> | |
| <p>Explore policy changes with Difference-in-Differences, synthetic controls, pre-trend diagnostics and in-space placebos. Every assumption stays visible.</p> | |
| <div class="hero-tags"><span>WORLD BANK API</span><span>COUNTERFACTUAL METHODS</span><span>NO PAID COMPUTE</span><span>EXPORTABLE RESEARCH</span></div> | |
| </div> | |
| <div class="hero-panel"> | |
| <div class="panel-top">ANALYSIS PIPELINE <span>8 MODULES</span></div> | |
| <div class="pipeline"><span>01 <b>Source</b></span><i>→</i><span>02 <b>Design</b></span><i>→</i><span>03 <b>Estimate</b></span></div> | |
| <div class="pipeline"><span>04 <b>Diagnose</b></span><i>→</i><span>05 <b>Report</b></span><i>→</i><span>06 <b>Reproduce</b></span></div> | |
| <div class="panel-note">Statistical estimates are descriptive unless identification assumptions are independently justified.</div> | |
| </div> | |
| </section> | |
| <div class="sourcebar" id="sourceBanner"><span class="source-chip">SYNTHETIC DEMO</span><span id="sourceMessage">Demonstration values only. Not official statistics.</span><span id="rowCount"></span></div> | |
| <main class="main"> | |
| <aside class="sidebar"> | |
| <div class="side-title">RESEARCH DESIGN <span class="dot2">●</span></div> | |
| <label class="field">Outcome indicator<select id="indicator"></select></label> | |
| <label class="field">Treated economy<select id="treated"></select></label> | |
| <div class="field"><label class="field-caption">Comparison economies <small>(2 minimum for synthetic control)</small></label><div class="country-list" id="controls"></div></div> | |
| <div class="year-grid"> | |
| <label class="field">Start year<input id="startYear" type="number" min="1990" max="2035" value="2003"/></label> | |
| <label class="field">Break year<input id="breakYear" type="number" min="1990" max="2035" value="2016"/></label> | |
| <label class="field">End year<input id="endYear" type="number" min="1990" max="2035" value="2024"/></label> | |
| </div> | |
| <label class="field">Intervention hypothesis <span class="optional">(optional)</span><input id="policyName" type="text" maxlength="140" placeholder="Describe a documented policy change"/></label> | |
| <label class="field">Policy source URL <span class="optional">(optional)</span><input id="policyUrl" type="url" placeholder="https://official-source.example"/></label> | |
| <div class="field help-inline">A selected break year is <strong>not proof</strong> that a policy occurred. Record external evidence before interpreting effects.</div> | |
| <button class="btn primary wide" id="runBtn">Run evaluation <span>↗</span></button> | |
| <button class="btn outlined wide" id="liveBtn">↻ Load World Bank data</button> | |
| <button class="btn subtle wide" id="demoBtn">◉ Reset to synthetic demo</button> | |
| <div class="side-foot"><span class="mini-icon">i</span> Data travels directly between your browser and World Bank when loading live data. We do not host a backend.</div> | |
| </aside> | |
| <section class="workspace"> | |
| <nav class="tabs" aria-label="Analysis modules" id="tabs"> | |
| <button class="tab active" data-tab="overview">01 Overview</button> | |
| <button class="tab" data-tab="trends">02 Time series</button> | |
| <button class="tab" data-tab="did">03 DiD</button> | |
| <button class="tab" data-tab="synthetic">04 Synthetic control</button> | |
| <button class="tab" data-tab="placebos">05 Placebos</button> | |
| <button class="tab" data-tab="quality">06 Data audit</button> | |
| <button class="tab" data-tab="protocol">07 Protocol</button> | |
| <button class="tab" data-tab="export">08 Export</button> | |
| </nav> | |
| <div id="errorPanel" class="alert" role="alert" hidden></div> | |
| <div class="workspace-content" id="view" aria-live="polite"></div> | |
| </section> | |
| </main> | |
| <footer class="footer"><span>◈ IMPACTLAB LATAM <b>·</b> Transparent comparative policy analysis</span><span>© 2026 · Rodrigo Pantoja · MIT Code</span></footer> | |
| </div> | |
| <script src="engine.js"></script> | |
| <script src="demo-data.js"></script> | |
| <script src="app.js"></script> | |
| </body> | |
| </html> | |