286 lines
14 KiB
HTML
286 lines
14 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block content %}
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-10">
|
|
<!-- Header -->
|
|
<div class="text-center mb-5">
|
|
<h1 class="display-4">🎯 About Markov Economics</h1>
|
|
<p class="lead">Understanding how capitalism "eats the world" through Markov chain analysis</p>
|
|
</div>
|
|
|
|
<!-- Theoretical Foundation -->
|
|
<div class="card shadow mb-4">
|
|
<div class="card-header bg-primary text-white">
|
|
<h4 class="mb-0">📚 Theoretical Foundation</h4>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<h5>Marx's Economic Cycles</h5>
|
|
<p>Karl Marx identified two fundamental economic circulation patterns:</p>
|
|
|
|
<div class="alert alert-info">
|
|
<h6><strong>M-C-M' (Capitalist Circuit)</strong></h6>
|
|
<p class="mb-2">Money → Commodities → More Money</p>
|
|
<small>
|
|
Capital is invested in production to generate surplus value.
|
|
The goal is accumulation - turning M into M' where M' > M.
|
|
</small>
|
|
</div>
|
|
|
|
<div class="alert alert-success">
|
|
<h6><strong>C-M-C (Consumer Circuit)</strong></h6>
|
|
<p class="mb-2">Commodities → Money → Commodities</p>
|
|
<small>
|
|
Goods are sold to acquire money to purchase other goods.
|
|
The goal is consumption and use-value satisfaction.
|
|
</small>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<h5>Piketty's Inequality Principle</h5>
|
|
<p>Thomas Piketty demonstrated that wealth inequality increases when:</p>
|
|
|
|
<div class="alert alert-warning">
|
|
<h6><strong>r > g</strong></h6>
|
|
<p class="mb-2">Capital Return Rate > Economic Growth Rate</p>
|
|
<small>
|
|
When capital generates returns faster than the overall economy grows,
|
|
wealth concentrates among capital owners, leading to increasing inequality.
|
|
</small>
|
|
</div>
|
|
|
|
<h6>Key Parameters:</h6>
|
|
<ul>
|
|
<li><strong>r:</strong> Rate of return on capital (stocks, real estate, business)</li>
|
|
<li><strong>g:</strong> Economic growth rate (GDP growth)</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Markov Chain Implementation -->
|
|
<div class="card shadow mb-4">
|
|
<div class="card-header bg-success text-white">
|
|
<h4 class="mb-0">⚙️ Markov Chain Implementation</h4>
|
|
</div>
|
|
<div class="card-body">
|
|
<p>This simulation models economic behavior as Markov chains with state-dependent transition probabilities:</p>
|
|
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<h5>Capitalist Chain States</h5>
|
|
<div class="list-group">
|
|
<div class="list-group-item">
|
|
<strong>Money (M)</strong>
|
|
<br><small>Initial capital seeking investment opportunities</small>
|
|
</div>
|
|
<div class="list-group-item">
|
|
<strong>Commodities (C)</strong>
|
|
<br><small>Capital invested in production/goods</small>
|
|
</div>
|
|
<div class="list-group-item">
|
|
<strong>Enhanced Money (M')</strong>
|
|
<br><small>Capital with accumulated returns</small>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-3">
|
|
<h6>Transition Probability Matrix:</h6>
|
|
<pre class="bg-light p-2">
|
|
M → C: r (capital rate)
|
|
C → M': 1 (always)
|
|
M' → M: 1 (reinvestment)
|
|
</pre>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<h5>Consumer Chain States</h5>
|
|
<div class="list-group">
|
|
<div class="list-group-item">
|
|
<strong>Commodities (C)</strong>
|
|
<br><small>Goods available for consumption</small>
|
|
</div>
|
|
<div class="list-group-item">
|
|
<strong>Money (M)</strong>
|
|
<br><small>Liquid currency from sales</small>
|
|
</div>
|
|
<div class="list-group-item">
|
|
<strong>New Commodities (C')</strong>
|
|
<br><small>Purchased goods for consumption</small>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-3">
|
|
<h6>Transition Probability Matrix:</h6>
|
|
<pre class="bg-light p-2">
|
|
C → M: g (growth rate)
|
|
M → C': 1 (always)
|
|
C' → C: 1 (consumption cycle)
|
|
</pre>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Simulation Mechanics -->
|
|
<div class="card shadow mb-4">
|
|
<div class="card-header bg-warning text-dark">
|
|
<h4 class="mb-0">🔬 Simulation Mechanics</h4>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-md-8">
|
|
<h5>How the Simulation Works</h5>
|
|
<ol>
|
|
<li><strong>Agent Initialization:</strong> Each economic agent starts with equal capital and consumption capacity</li>
|
|
<li><strong>Dual Chain Operation:</strong> Every agent runs both capitalist (M-C-M') and consumer (C-M-C) chains simultaneously</li>
|
|
<li><strong>Wealth Accumulation:</strong> Capitalist chains multiply wealth by (1 + r) on each complete cycle</li>
|
|
<li><strong>Consumption Growth:</strong> Consumer chains grow by (1 + g) on each complete cycle</li>
|
|
<li><strong>Inequality Emergence:</strong> When r > g, capital wealth grows faster than consumption, concentrating among fewer agents</li>
|
|
</ol>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<h5>Key Metrics</h5>
|
|
<div class="list-group list-group-flush">
|
|
<div class="list-group-item px-0">
|
|
<strong>Gini Coefficient</strong>
|
|
<br><small>Measures inequality (0 = perfect equality, 1 = perfect inequality)</small>
|
|
</div>
|
|
<div class="list-group-item px-0">
|
|
<strong>Top 10% Share</strong>
|
|
<br><small>Percentage of total wealth held by richest 10%</small>
|
|
</div>
|
|
<div class="list-group-item px-0">
|
|
<strong>Capital Share</strong>
|
|
<br><small>Proportion of wealth from capital vs consumption</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Experimental Parameters -->
|
|
<div class="card shadow mb-4">
|
|
<div class="card-header bg-danger text-white">
|
|
<h4 class="mb-0">🧪 Experimental Parameters</h4>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<h5>Try These Scenarios</h5>
|
|
|
|
<div class="alert alert-success">
|
|
<h6>Scenario 1: Stable Economy (r ≈ g)</h6>
|
|
<ul class="mb-0">
|
|
<li>Capital Rate: 3%</li>
|
|
<li>Growth Rate: 3%</li>
|
|
<li>Expected: Moderate inequality growth</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="alert alert-warning">
|
|
<h6>Scenario 2: Modern Capitalism (r > g)</h6>
|
|
<ul class="mb-0">
|
|
<li>Capital Rate: 5%</li>
|
|
<li>Growth Rate: 2%</li>
|
|
<li>Expected: Increasing inequality</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="alert alert-danger">
|
|
<h6>Scenario 3: Extreme Inequality (r >> g)</h6>
|
|
<ul class="mb-0">
|
|
<li>Capital Rate: 8%</li>
|
|
<li>Growth Rate: 1%</li>
|
|
<li>Expected: Rapid wealth concentration</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<h5>Historical Context</h5>
|
|
<p>Real-world examples of r vs g:</p>
|
|
|
|
<table class="table table-sm">
|
|
<thead>
|
|
<tr>
|
|
<th>Period</th>
|
|
<th>r (Capital)</th>
|
|
<th>g (Growth)</th>
|
|
<th>Inequality</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Gilded Age (1870-1914)</td>
|
|
<td>4-5%</td>
|
|
<td>1-1.5%</td>
|
|
<td>Very High</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Post-War Era (1950-1980)</td>
|
|
<td>2-3%</td>
|
|
<td>3-4%</td>
|
|
<td>Decreasing</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Modern Era (1980-2020)</td>
|
|
<td>4-6%</td>
|
|
<td>1-2%</td>
|
|
<td>Increasing</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Technical Implementation -->
|
|
<div class="card shadow mb-4">
|
|
<div class="card-header bg-dark text-white">
|
|
<h4 class="mb-0">⚡ Technical Implementation</h4>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<h5>Technology Stack</h5>
|
|
<ul>
|
|
<li><strong>Backend:</strong> Python Flask with SocketIO</li>
|
|
<li><strong>Modeling:</strong> NumPy for matrix operations</li>
|
|
<li><strong>Visualization:</strong> Chart.js for real-time charts</li>
|
|
<li><strong>Frontend:</strong> Bootstrap 5 with responsive design</li>
|
|
<li><strong>Real-time:</strong> WebSocket connections for live updates</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<h5>Performance Characteristics</h5>
|
|
<ul>
|
|
<li><strong>Scalability:</strong> Up to 10,000 agents</li>
|
|
<li><strong>Speed:</strong> Real-time visualization of state transitions</li>
|
|
<li><strong>Accuracy:</strong> Precise Markov chain calculations</li>
|
|
<li><strong>Export:</strong> JSON and CSV data export</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Call to Action -->
|
|
<div class="text-center">
|
|
<a href="{{ url_for('main.index') }}" class="btn btn-primary btn-lg">
|
|
🚀 Start Your Simulation
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %} |