quadro 1
title A fórmula dos juros compostos
object text @text
  Nos juros compostos, o juro de cada mês entra no saldo e passa a render também. Por isso o dinheiro cresce devagar no começo e depressa no fim: é juro sobre juro.
  Nos juros simples, o juro é sempre calculado sobre o valor inicial.
object formula @formula
  M = C(1 + i)^{t}
object table @table
  | O que comparar | Juros simples | Juros compostos |
  | Base do cálculo | Sempre o valor inicial | O saldo do mês anterior |
  | Como cresce | Em linha reta | Em curva, cada vez mais rápido |
object flow @flow
  Somar o juro do mês ao saldo
  Calcular o juro sobre o novo saldo
  Repetir a cada mês
object image https://media.zukan.me/notebooks/01a1cf4c-b3d8-7530-a1c0-c048747f86b6/9c44ed491ba7baef4922f757.jpg @image
object image https://media.zukan.me/notebooks/01a1cf4c-b3d8-7530-a1c0-c048747f86b6/6217bd0286569a712a1ae6ae.jpg "Página 2" @image2
source @image2 "aula" p. 2
object live html @live
  <svg viewBox="0 0 320 200" style="width: 100%; max-width: 420px; display: block; margin: auto">
    <line x1="20" y1="180" x2="300" y2="180" stroke="var(--line)" />
    <line x1="20" y1="20" x2="20" y2="180" stroke="var(--line)" />
    <line id="reta" data-part="reta" x1="20" y1="180" x2="300" y2="100" stroke="var(--accent)" stroke-width="3" stroke-linecap="round" />
    <circle id="inicio" data-part="inicio" cx="20" cy="180" r="5" fill="var(--ink)" />
    <text id="conta" x="300" y="16" text-anchor="end" fill="var(--muted)" font-size="13"></text>
  </svg>
  <script>
    zukan.onControls(({ inclinacao, comeco }) => {
      const y = (x) => 180 - (comeco + inclinacao * x) * 7;
      const reta = document.getElementById("reta");
      reta.setAttribute("y1", y(0));
      reta.setAttribute("y2", y(10));
      document.getElementById("inicio").setAttribute("cy", y(0));
      document.getElementById("conta").textContent = "y = " + inclinacao + "x + " + comeco;
    });
  </script>
control @live inclinacao = 0.5 0..1.5 step 0.1 "Inclinação"
control @live comeco = 2 0..8 "Começo"
object video https://www.youtube.com/watch?v=aqz-KE-bpKQ @video
object code @code
  def montante(capital, taxa, meses):
      saldo = capital
      for _ in range(meses):
          saldo = saldo * (1 + taxa)
      return saldo
layer O passo a passo
pin @text "juro sobre juro" Juro sobre juro ^juro-sobre-juro
  O juro de um mês entra no saldo e rende no mês seguinte.
  keywords saldo, render
  wrong "juro sempre sobre o valor inicial"
  audio agvn9hf
pin @text "valor inicial" Juros simples ^valor-inicial
  gap "valor inicial"
pin @image 79.3,22 A curva dispara no fim ^p
  Depois de 20 anos, a diferença para os juros simples já é maior que o valor inicial.
  sketch sne0j9p
step 1 @flow #1 Somar o juro do mês ao saldo ^somar-o-juro-do-mes-ao-s
step 2 @flow #2 Calcular o juro sobre o novo saldo ^calcular-o-juro-sobre-o-n
step 3 @flow #3 Repetir a cada mês ^repetir-a-cada-mes