Skip to content

Instantly share code, notes, and snippets.

@torjusb

torjusb/index.html

Created March 31, 2015 08:32
Show Gist options
  • Save torjusb/0b25a59029e04a75c9a5 to your computer and use it in GitHub Desktop.
Save torjusb/0b25a59029e04a75c9a5 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!doctype html>
<meta charset="utf-8">
<title>Fearnleys Weekly PDF Test</title>
<script src="js/d3.js" charset="utf-8"></script>
<script src="js/c3.js"></script>
<link rel="stylesheet" href="css/c3.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<body onload="init()">
<div id="chart"></div>
<table class="complex table" width="100%">
<thead>
<tr>
<th class="section-rate-group-name" scope="rowgroup" colspan="2">DIRTY (Spot WS)</th>
<th>This week</th>
<th>Last week</th>
<th>Low 2015</th>
<th>High 2015</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<a href="/weekly_issue/graph/576/rate/1">
<i class="icon fa fa-bar-chart-o"></i>MEG / West
</a>
</td>
<td>VLCC</td>
<td>35.00</td>
<td>34.00</td>
<td>35.00</td>
<td>35.00</td>
</tr>
<tr>
<td>
<a href="/weekly_issue/graph/576/rate/2">
<i class="icon fa fa-bar-chart-o"></i>MEG / Japan
</a>
</td>
<td>VLCC</td>
<td>67.50</td>
<td>62.50</td>
<td>67.50</td>
<td>67.50</td>
</tr>
<tr>
<td>
<a href="/weekly_issue/graph/576/rate/3">
<i class="icon fa fa-bar-chart-o"></i>MEG / Singapore
</a>
</td>
<td>VLCC</td>
<td>68.00</td>
<td>62.50</td>
<td>68.00</td>
<td>68.00</td>
</tr>
<tr>
<td>
<a href="/weekly_issue/graph/576/rate/4">
<i class="icon fa fa-bar-chart-o"></i>WAF / USG
</a>
</td>
<td>260,000</td>
<td>72.50</td>
<td>70.00</td>
<td>72.50</td>
<td>72.50</td>
</tr>
<tr>
<td>
<a href="/weekly_issue/graph/576/rate/5">
<i class="icon fa fa-bar-chart-o"></i>WAF / USAC
</a>
</td>
<td>130,000</td>
<td>92.50</td>
<td>100.00</td>
<td>92.50</td>
<td>92.50</td>
</tr>
<tr>
<td>
<a href="/weekly_issue/graph/576/rate/6">
<i class="icon fa fa-bar-chart-o"></i>Sidi Kerir / W Me
</a>
</td>
<td>135,000</td>
<td>105.00</td>
<td>105.00</td>
<td>105.00</td>
<td>105.00</td>
</tr>
<tr>
<td>
<a href="/weekly_issue/graph/576/rate/7">
<i class="icon fa fa-bar-chart-o"></i>N. Afr / Euromed
</a>
</td>
<td>80,000</td>
<td>92.50</td>
<td>95.00</td>
<td>92.50</td>
<td>92.50</td>
</tr>
<tr>
<td>
<a href="/weekly_issue/graph/576/rate/8">
<i class="icon fa fa-bar-chart-o"></i>UK / Cont
</a>
</td>
<td>80,000</td>
<td>122.50</td>
<td>120.00</td>
<td>122.50</td>
<td>122.50</td>
</tr>
<tr>
<td>
<a href="/weekly_issue/graph/576/rate/9">
<i class="icon fa fa-bar-chart-o"></i>Caribs / USG
</a>
</td>
<td>70,000</td>
<td>130.00</td>
<td>97.50</td>
<td>130.00</td>
<td>130.00</td>
</tr>
</tbody>
<tbody>
<tr>
<th scope="rowgroup" colspan="2">CLEAN (Spot WS)</th>
<td colspan="3">
</td></tr>
<tr>
<td>
<a href="/weekly_issue/graph/576/rate/72">
<i class="icon fa fa-bar-chart-o"></i>MEG / Japan
</a>
</td>
<td>75,000</td>
<td>92.50</td>
<td>97.50</td>
<td>92.50</td>
<td>92.50</td>
</tr>
<tr>
<td>
<a href="/weekly_issue/graph/576/rate/10">
<i class="icon fa fa-bar-chart-o"></i>MEG / Japan
</a>
</td>
<td>55,000</td>
<td>127.50</td>
<td>117.50</td>
<td>127.50</td>
<td>127.50</td>
</tr>
<tr>
<td>
<a href="/weekly_issue/graph/576/rate/11">
<i class="icon fa fa-bar-chart-o"></i>MEG / Japan
</a>
</td>
<td>30,000</td>
<td>122.50</td>
<td>122.50</td>
<td>122.50</td>
<td>122.50</td>
</tr>
<tr>
<td>
<a href="/weekly_issue/graph/576/rate/12">
<i class="icon fa fa-bar-chart-o"></i>Singapore / Japan
</a>
</td>
<td>30,000</td>
<td>120.00</td>
<td>120.00</td>
<td>120.00</td>
<td>120.00</td>
</tr>
<tr>
<td>
<a href="/weekly_issue/graph/576/rate/73">
<i class="icon fa fa-bar-chart-o"></i>Baltic T/A
</a>
</td>
<td>60,000</td>
<td>135.00</td>
<td>145.00</td>
<td>135.00</td>
<td>135.00</td>
</tr>
<tr>
<td>
<a href="/weekly_issue/graph/576/rate/15">
<i class="icon fa fa-bar-chart-o"></i>UKC-Med / States
</a>
</td>
<td>37,000</td>
<td>140.00</td>
<td>185.00</td>
<td>140.00</td>
<td>140.00</td>
</tr>
<tr>
<td>
<a href="/weekly_issue/graph/576/rate/13">
<i class="icon fa fa-bar-chart-o"></i>USG / UKC-Med
</a>
</td>
<td>38,000</td>
<td>90.00</td>
<td>140.00</td>
<td>90.00</td>
<td>90.00</td>
</tr>
</tbody>
<tbody>
<tr>
<th scope="rowgroup" colspan="2">1 YEAR T/C (usd/day) (theoretical)</th>
<td colspan="3">
</td></tr>
<tr>
<td>
<a href="/weekly_issue/graph/576/rate/16">
<i class="icon fa fa-bar-chart-o"></i>VLCC
</a>
</td>
<td>(modern)</td>
<td>38,000.00</td>
<td>37,000.00</td>
<td>38,000.00</td>
<td>38,000.00</td>
</tr>
<tr>
<td>
<a href="/weekly_issue/graph/576/rate/17">
<i class="icon fa fa-bar-chart-o"></i>Suezmax
</a>
</td>
<td>(modern)</td>
<td>28,000.00</td>
<td>27,000.00</td>
<td>28,000.00</td>
<td>28,000.00</td>
</tr>
<tr>
<td>
<a href="/weekly_issue/graph/576/rate/18">
<i class="icon fa fa-bar-chart-o"></i>Aframax
</a>
</td>
<td>(modern)</td>
<td>22,250.00</td>
<td>21,000.00</td>
<td>22,250.00</td>
<td>22,250.00</td>
</tr>
<tr>
<td>
<a href="/weekly_issue/graph/576/rate/71">
<i class="icon fa fa-bar-chart-o"></i>LR2
</a>
</td>
<td>105,000</td>
<td>22,000.00</td>
<td>21,500.00</td>
<td>22,000.00</td>
<td>22,000.00</td>
</tr>
<tr>
<td>
<a href="/weekly_issue/graph/576/rate/19">
<i class="icon fa fa-bar-chart-o"></i>LR1
</a>
</td>
<td>80,000</td>
<td>17,750.00</td>
<td>18,000.00</td>
<td>17,750.00</td>
<td>17,750.00</td>
</tr>
<tr>
<td>
<a href="/weekly_issue/graph/576/rate/20">
<i class="icon fa fa-bar-chart-o"></i>MR
</a>
</td>
<td>47,000</td>
<td>15,000.00</td>
<td>15,000.00</td>
<td>15,000.00</td>
<td>15,000.00</td>
</tr>
</tbody>
</table>
<style>
#chart {
width: 500px;
}
</style>
<script>
Function.prototype.bind = Function.prototype.bind || function (thisp) {
var fn = this;
return function () {
return fn.apply(thisp, arguments);
};
};
function init() {
var chart = c3.generate({
bindto: '#chart',
data: {
columns: [
['data1', 30, 200, 100, 400, 150, 250],
['data2', 50, 20, 10, 40, 15, 25]
]
}
});
}
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment