<div class="container-fluid">

  <div class="row">

    <div class="col-sm-12 text-center">

      Let explain how I do this<br>

      I will take the "Pizza Block" to illustrate.<br>

      On 2010, may the 22nd, a bitcoin developper (Laszlo Hanyecz) bought a pizza with 10 000 BTC.<br>

      This is widely recognised as the first real-world transaction with bitcoin.<br>

      As the Blockchain is public, we can find the block that contains this transaction.<br>

      I call it the "Pizza block", it is at height 57035.<br>

      It contains 2 transactions, the pizza and the reward for the mining.<br>

      You can explore the block <a href="https://blockchain.info/block-index/71885/00000000006de085dadb3ec413ef074022fe781121b467e98960280dd246bb00" target="_blank">here.</a><br>

    </div>

  </div>

</div>

<div class="container-fluid bg-grey">

  <div class="row">

    <div class="col-sm-4">

      <img height="150px" src="images/block_image.php?strict=1&methode=spline_2&hash=00000000006de085dadb3ec413ef074022fe781121b467e98960280dd246bb00&mode=0" />

    </div>

    <div class="col-sm-8">

      Fisrt, I draw a line for each transaction.<br>

      The heigth of a line depends of the amount of the transaction.<br>

      So, in the Pizza block, we have a line at 50 and a line at 10 000.

    </div>

  </div>

</div>

<div class="container-fluid">

  <div class="row">

    <div class="col-sm-4">

      <img height="150px" src="images/block_image.php?strict=1&methode=spline_2&hash=00000000006de085dadb3ec413ef074022fe781121b467e98960280dd246bb00&mode=1" />

    </div>

    <div class="col-sm-8">

      It will be more beautiful with a gradient of 2 colors, from right to left.<br>

    </div>

  </div>

</div>

<div class="container-fluid bg-grey">

  <div class="row">

    <div class="col-sm-4">

      <img height="150px" src="images/block_image.php?strict=1&methode=spline_2&hash=00000000006de085dadb3ec413ef074022fe781121b467e98960280dd246bb00&mode=2" />

    </div>

    <div class="col-sm-8">

      Each transaction have a hash. In our case, those hashes are :

      <ul>

        <li>dc79b6d28309783a0aa2b47be2037626fbd19d93ad1338d187c27df0a1d5e1a4</li>

	<li>49d2adb6e476fa46d8357babf78b1b501fd39e177ac7833124b3f67b17c40c2a</li>

      </ul>

      A hash is a 64 characters string. So i will cut each line in 64 parts.<br>

      It's also an hexadecimal value, so each character is a value between 0 and f.<br>

      Each character will be a point.

      <ul>

	<li>above the line if the value is above 8</li>

	<li>under the line if the value is under 8</li>

      </ul> 

      Rather than draw a line, i will draw a spline which link each point.<br>

    </div>

  </div>

</div>

<div class="container-fluid">

  <div class="row">

    <div class="col-sm-4">

      <img height="150px" src="images/block_image.php?strict=1&methode=spline_2&hash=00000000006de085dadb3ec413ef074022fe781121b467e98960280dd246bb00&mode=3" />

    </div>

    <div class="col-sm-8">

      It will be more beautiful with a growing factor from left to right.<br>

      And it is also a mean to see the "true" height of the transaction on the left side.<br>

    </div>

  </div>

</div>

<div class="container-fluid bg-grey">

  <div class="row">

    <div class="col-sm-4">

      <img height="150px" src="images/block_image.php?strict=1&methode=spline_2&hash=00000000006de085dadb3ec413ef074022fe781121b467e98960280dd246bb00&mode=4" />

    </div>

    <div class="col-sm-8">

    Then i will add iterations and hasard.<br>

    I will iterate on each spline.<br>

    At each point, i will substract or add a random value.<br>

    So the lines becomes ribbons.

    </div>

  </div>

</div>

<div class="container-fluid">

  <div class="row">

    <div class="col-sm-4">

      <img height="150px" src="images/block_image.php?strict=1&methode=spline_2&hash=00000000006de085dadb3ec413ef074022fe781121b467e98960280dd246bb00&mode=5" />

    </div>

    <div class="col-sm-8">

      Then I will use transaprency.<br>

      And that's it !

    </div>

  </div>

</div>