Added pizza/btc and description of growth
This commit is contained in:
@@ -12,7 +12,7 @@
|
||||
},
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": 57,
|
||||
"execution_count": 1,
|
||||
"metadata": {
|
||||
"collapsed": true
|
||||
},
|
||||
@@ -26,21 +26,217 @@
|
||||
},
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": 90,
|
||||
"execution_count": 2,
|
||||
"metadata": {},
|
||||
"outputs": [
|
||||
{
|
||||
"ename": "TypeError",
|
||||
"evalue": "invalid type comparison",
|
||||
"output_type": "error",
|
||||
"traceback": [
|
||||
"\u001b[0;31m---------------------------------------------------------------------------\u001b[0m",
|
||||
"\u001b[0;31mTypeError\u001b[0m Traceback (most recent call last)",
|
||||
"\u001b[0;32m<ipython-input-90-b24c1e06643a>\u001b[0m in \u001b[0;36m<module>\u001b[0;34m()\u001b[0m\n\u001b[1;32m 1\u001b[0m \u001b[0mdata\u001b[0m \u001b[0;34m=\u001b[0m \u001b[0mpd\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0mread_csv\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0;34m'crypto-markets.csv'\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[1;32m 2\u001b[0m \u001b[0mdata\u001b[0m\u001b[0;34m[\u001b[0m\u001b[0;34m'date'\u001b[0m\u001b[0;34m]\u001b[0m \u001b[0;34m=\u001b[0m \u001b[0mpd\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0mto_datetime\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0mdata\u001b[0m\u001b[0;34m[\u001b[0m\u001b[0;34m'date'\u001b[0m\u001b[0;34m]\u001b[0m\u001b[0;34m,\u001b[0m \u001b[0mformat\u001b[0m\u001b[0;34m=\u001b[0m\u001b[0;34m'%Y-%m-%d'\u001b[0m\u001b[0;34m,\u001b[0m \u001b[0merrors\u001b[0m\u001b[0;34m=\u001b[0m\u001b[0;34m'coerce'\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0;32m----> 3\u001b[0;31m \u001b[0mdata\u001b[0m \u001b[0;34m=\u001b[0m \u001b[0mdata\u001b[0m\u001b[0;34m[\u001b[0m\u001b[0mdata\u001b[0m\u001b[0;34m[\u001b[0m\u001b[0;34m'date'\u001b[0m\u001b[0;34m]\u001b[0m \u001b[0;34m!=\u001b[0m \u001b[0;36m0\u001b[0m\u001b[0;34m]\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0m\u001b[1;32m 4\u001b[0m \u001b[0;34m\u001b[0m\u001b[0m\n\u001b[1;32m 5\u001b[0m \u001b[0mdata\u001b[0m\u001b[0;34m[\u001b[0m\u001b[0;34m:\u001b[0m\u001b[0;36m10\u001b[0m\u001b[0;34m]\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n",
|
||||
"\u001b[0;32m/usr/lib/python3.6/site-packages/pandas/core/ops.py\u001b[0m in \u001b[0;36mwrapper\u001b[0;34m(self, other, axis)\u001b[0m\n\u001b[1;32m 859\u001b[0m \u001b[0;34m\u001b[0m\u001b[0m\n\u001b[1;32m 860\u001b[0m \u001b[0;32mwith\u001b[0m \u001b[0mnp\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0merrstate\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0mall\u001b[0m\u001b[0;34m=\u001b[0m\u001b[0;34m'ignore'\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m:\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0;32m--> 861\u001b[0;31m \u001b[0mres\u001b[0m \u001b[0;34m=\u001b[0m \u001b[0mna_op\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0mvalues\u001b[0m\u001b[0;34m,\u001b[0m \u001b[0mother\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0m\u001b[1;32m 862\u001b[0m \u001b[0;32mif\u001b[0m \u001b[0mis_scalar\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0mres\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m:\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[1;32m 863\u001b[0m raise TypeError('Could not compare %s type with Series' %\n",
|
||||
"\u001b[0;32m/usr/lib/python3.6/site-packages/pandas/core/ops.py\u001b[0m in \u001b[0;36mna_op\u001b[0;34m(x, y)\u001b[0m\n\u001b[1;32m 772\u001b[0m \u001b[0;31m# integer comparisons\u001b[0m\u001b[0;34m\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[1;32m 773\u001b[0m \u001b[0;32mif\u001b[0m \u001b[0mis_datetimelike_v_numeric\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0mx\u001b[0m\u001b[0;34m,\u001b[0m \u001b[0my\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m:\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0;32m--> 774\u001b[0;31m \u001b[0;32mraise\u001b[0m \u001b[0mTypeError\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0;34m\"invalid type comparison\"\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0m\u001b[1;32m 775\u001b[0m \u001b[0;34m\u001b[0m\u001b[0m\n\u001b[1;32m 776\u001b[0m \u001b[0;31m# numpy does not like comparisons vs None\u001b[0m\u001b[0;34m\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n",
|
||||
"\u001b[0;31mTypeError\u001b[0m: invalid type comparison"
|
||||
]
|
||||
"data": {
|
||||
"text/html": [
|
||||
"<div>\n",
|
||||
"<style>\n",
|
||||
" .dataframe thead tr:only-child th {\n",
|
||||
" text-align: right;\n",
|
||||
" }\n",
|
||||
"\n",
|
||||
" .dataframe thead th {\n",
|
||||
" text-align: left;\n",
|
||||
" }\n",
|
||||
"\n",
|
||||
" .dataframe tbody tr th {\n",
|
||||
" vertical-align: top;\n",
|
||||
" }\n",
|
||||
"</style>\n",
|
||||
"<table border=\"1\" class=\"dataframe\">\n",
|
||||
" <thead>\n",
|
||||
" <tr style=\"text-align: right;\">\n",
|
||||
" <th></th>\n",
|
||||
" <th>date</th>\n",
|
||||
" <th>open</th>\n",
|
||||
" <th>high</th>\n",
|
||||
" <th>low</th>\n",
|
||||
" <th>close</th>\n",
|
||||
" <th>volume</th>\n",
|
||||
" <th>market</th>\n",
|
||||
" <th>symbol</th>\n",
|
||||
" <th>coin</th>\n",
|
||||
" <th>variance</th>\n",
|
||||
" <th>volatility</th>\n",
|
||||
" </tr>\n",
|
||||
" </thead>\n",
|
||||
" <tbody>\n",
|
||||
" <tr>\n",
|
||||
" <th>0</th>\n",
|
||||
" <td>2017-10-20</td>\n",
|
||||
" <td>5708.11</td>\n",
|
||||
" <td>6060.11</td>\n",
|
||||
" <td>5627.23</td>\n",
|
||||
" <td>6011.45</td>\n",
|
||||
" <td>2.354430e+09</td>\n",
|
||||
" <td>9.494790e+10</td>\n",
|
||||
" <td>BTC</td>\n",
|
||||
" <td>Bitcoin</td>\n",
|
||||
" <td>0.050460</td>\n",
|
||||
" <td>0.072009</td>\n",
|
||||
" </tr>\n",
|
||||
" <tr>\n",
|
||||
" <th>1</th>\n",
|
||||
" <td>2017-10-19</td>\n",
|
||||
" <td>5583.74</td>\n",
|
||||
" <td>5744.35</td>\n",
|
||||
" <td>5531.06</td>\n",
|
||||
" <td>5708.52</td>\n",
|
||||
" <td>1.780540e+09</td>\n",
|
||||
" <td>9.286700e+10</td>\n",
|
||||
" <td>BTC</td>\n",
|
||||
" <td>Bitcoin</td>\n",
|
||||
" <td>0.021859</td>\n",
|
||||
" <td>0.037363</td>\n",
|
||||
" </tr>\n",
|
||||
" <tr>\n",
|
||||
" <th>2</th>\n",
|
||||
" <td>2017-10-18</td>\n",
|
||||
" <td>5603.82</td>\n",
|
||||
" <td>5603.82</td>\n",
|
||||
" <td>5151.44</td>\n",
|
||||
" <td>5590.69</td>\n",
|
||||
" <td>2.399270e+09</td>\n",
|
||||
" <td>9.319020e+10</td>\n",
|
||||
" <td>BTC</td>\n",
|
||||
" <td>Bitcoin</td>\n",
|
||||
" <td>-0.002349</td>\n",
|
||||
" <td>0.080917</td>\n",
|
||||
" </tr>\n",
|
||||
" <tr>\n",
|
||||
" <th>3</th>\n",
|
||||
" <td>2017-10-17</td>\n",
|
||||
" <td>5741.58</td>\n",
|
||||
" <td>5800.35</td>\n",
|
||||
" <td>5472.72</td>\n",
|
||||
" <td>5605.51</td>\n",
|
||||
" <td>1.821570e+09</td>\n",
|
||||
" <td>9.546930e+10</td>\n",
|
||||
" <td>BTC</td>\n",
|
||||
" <td>Bitcoin</td>\n",
|
||||
" <td>-0.024274</td>\n",
|
||||
" <td>0.058448</td>\n",
|
||||
" </tr>\n",
|
||||
" <tr>\n",
|
||||
" <th>4</th>\n",
|
||||
" <td>2017-10-16</td>\n",
|
||||
" <td>5687.57</td>\n",
|
||||
" <td>5776.23</td>\n",
|
||||
" <td>5544.21</td>\n",
|
||||
" <td>5725.59</td>\n",
|
||||
" <td>2.008070e+09</td>\n",
|
||||
" <td>9.455900e+10</td>\n",
|
||||
" <td>BTC</td>\n",
|
||||
" <td>Bitcoin</td>\n",
|
||||
" <td>0.006640</td>\n",
|
||||
" <td>0.040523</td>\n",
|
||||
" </tr>\n",
|
||||
" <tr>\n",
|
||||
" <th>5</th>\n",
|
||||
" <td>2017-10-15</td>\n",
|
||||
" <td>5835.96</td>\n",
|
||||
" <td>5852.48</td>\n",
|
||||
" <td>5478.61</td>\n",
|
||||
" <td>5678.19</td>\n",
|
||||
" <td>1.976040e+09</td>\n",
|
||||
" <td>9.701190e+10</td>\n",
|
||||
" <td>BTC</td>\n",
|
||||
" <td>Bitcoin</td>\n",
|
||||
" <td>-0.027785</td>\n",
|
||||
" <td>0.065843</td>\n",
|
||||
" </tr>\n",
|
||||
" <tr>\n",
|
||||
" <th>6</th>\n",
|
||||
" <td>2017-10-14</td>\n",
|
||||
" <td>5643.53</td>\n",
|
||||
" <td>5837.70</td>\n",
|
||||
" <td>5591.64</td>\n",
|
||||
" <td>5831.79</td>\n",
|
||||
" <td>1.669030e+09</td>\n",
|
||||
" <td>9.380300e+10</td>\n",
|
||||
" <td>BTC</td>\n",
|
||||
" <td>Bitcoin</td>\n",
|
||||
" <td>0.032282</td>\n",
|
||||
" <td>0.042193</td>\n",
|
||||
" </tr>\n",
|
||||
" <tr>\n",
|
||||
" <th>7</th>\n",
|
||||
" <td>2017-10-13</td>\n",
|
||||
" <td>5464.16</td>\n",
|
||||
" <td>5840.30</td>\n",
|
||||
" <td>5436.85</td>\n",
|
||||
" <td>5647.21</td>\n",
|
||||
" <td>3.615480e+09</td>\n",
|
||||
" <td>9.081240e+10</td>\n",
|
||||
" <td>BTC</td>\n",
|
||||
" <td>Bitcoin</td>\n",
|
||||
" <td>0.032414</td>\n",
|
||||
" <td>0.071442</td>\n",
|
||||
" </tr>\n",
|
||||
" <tr>\n",
|
||||
" <th>8</th>\n",
|
||||
" <td>2017-10-12</td>\n",
|
||||
" <td>4829.58</td>\n",
|
||||
" <td>5446.91</td>\n",
|
||||
" <td>4822.00</td>\n",
|
||||
" <td>5446.91</td>\n",
|
||||
" <td>2.791610e+09</td>\n",
|
||||
" <td>8.025670e+10</td>\n",
|
||||
" <td>BTC</td>\n",
|
||||
" <td>Bitcoin</td>\n",
|
||||
" <td>0.113336</td>\n",
|
||||
" <td>0.114727</td>\n",
|
||||
" </tr>\n",
|
||||
" <tr>\n",
|
||||
" <th>9</th>\n",
|
||||
" <td>2017-10-11</td>\n",
|
||||
" <td>4789.25</td>\n",
|
||||
" <td>4873.73</td>\n",
|
||||
" <td>4751.63</td>\n",
|
||||
" <td>4826.48</td>\n",
|
||||
" <td>1.222280e+09</td>\n",
|
||||
" <td>7.957820e+10</td>\n",
|
||||
" <td>BTC</td>\n",
|
||||
" <td>Bitcoin</td>\n",
|
||||
" <td>0.007714</td>\n",
|
||||
" <td>0.025298</td>\n",
|
||||
" </tr>\n",
|
||||
" </tbody>\n",
|
||||
"</table>\n",
|
||||
"</div>"
|
||||
],
|
||||
"text/plain": [
|
||||
" date open high low close volume market \\\n",
|
||||
"0 2017-10-20 5708.11 6060.11 5627.23 6011.45 2.354430e+09 9.494790e+10 \n",
|
||||
"1 2017-10-19 5583.74 5744.35 5531.06 5708.52 1.780540e+09 9.286700e+10 \n",
|
||||
"2 2017-10-18 5603.82 5603.82 5151.44 5590.69 2.399270e+09 9.319020e+10 \n",
|
||||
"3 2017-10-17 5741.58 5800.35 5472.72 5605.51 1.821570e+09 9.546930e+10 \n",
|
||||
"4 2017-10-16 5687.57 5776.23 5544.21 5725.59 2.008070e+09 9.455900e+10 \n",
|
||||
"5 2017-10-15 5835.96 5852.48 5478.61 5678.19 1.976040e+09 9.701190e+10 \n",
|
||||
"6 2017-10-14 5643.53 5837.70 5591.64 5831.79 1.669030e+09 9.380300e+10 \n",
|
||||
"7 2017-10-13 5464.16 5840.30 5436.85 5647.21 3.615480e+09 9.081240e+10 \n",
|
||||
"8 2017-10-12 4829.58 5446.91 4822.00 5446.91 2.791610e+09 8.025670e+10 \n",
|
||||
"9 2017-10-11 4789.25 4873.73 4751.63 4826.48 1.222280e+09 7.957820e+10 \n",
|
||||
"\n",
|
||||
" symbol coin variance volatility \n",
|
||||
"0 BTC Bitcoin 0.050460 0.072009 \n",
|
||||
"1 BTC Bitcoin 0.021859 0.037363 \n",
|
||||
"2 BTC Bitcoin -0.002349 0.080917 \n",
|
||||
"3 BTC Bitcoin -0.024274 0.058448 \n",
|
||||
"4 BTC Bitcoin 0.006640 0.040523 \n",
|
||||
"5 BTC Bitcoin -0.027785 0.065843 \n",
|
||||
"6 BTC Bitcoin 0.032282 0.042193 \n",
|
||||
"7 BTC Bitcoin 0.032414 0.071442 \n",
|
||||
"8 BTC Bitcoin 0.113336 0.114727 \n",
|
||||
"9 BTC Bitcoin 0.007714 0.025298 "
|
||||
]
|
||||
},
|
||||
"execution_count": 2,
|
||||
"metadata": {},
|
||||
"output_type": "execute_result"
|
||||
}
|
||||
],
|
||||
"source": [
|
||||
@@ -53,7 +249,9 @@
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": 31,
|
||||
"metadata": {},
|
||||
"metadata": {
|
||||
"collapsed": true
|
||||
},
|
||||
"outputs": [],
|
||||
"source": [
|
||||
"# Create volume chart\n",
|
||||
@@ -65,7 +263,9 @@
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": 34,
|
||||
"metadata": {},
|
||||
"metadata": {
|
||||
"collapsed": true
|
||||
},
|
||||
"outputs": [],
|
||||
"source": [
|
||||
"# bar chart\n",
|
||||
@@ -79,7 +279,9 @@
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": 87,
|
||||
"metadata": {},
|
||||
"metadata": {
|
||||
"collapsed": true
|
||||
},
|
||||
"outputs": [],
|
||||
"source": [
|
||||
"bar_proc = bar.groupby([bar['date'].dt.to_period('M'), 'coin'])"
|
||||
@@ -125,12 +327,29 @@
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": 115,
|
||||
"metadata": {},
|
||||
"metadata": {
|
||||
"collapsed": true
|
||||
},
|
||||
"outputs": [],
|
||||
"source": [
|
||||
"bar_result.to_csv('volume_per_coin_per_month.csv')"
|
||||
]
|
||||
},
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": 14,
|
||||
"metadata": {},
|
||||
"outputs": [],
|
||||
"source": [
|
||||
"# pizza's per BTC\n",
|
||||
"pizzas = data[data['symbol'] == 'BTC'][['date', 'low', 'high']]\n",
|
||||
"pizza_price = 10.0 # USD\n",
|
||||
"pizzas['low'] = pizzas['low'] / pizza_price\n",
|
||||
"pizzas['high'] = pizzas['high'] / pizza_price\n",
|
||||
"pizzas = pizzas.set_index('date').sort_index()\n",
|
||||
"pizzas.to_csv('pizzas_per_btc.csv')"
|
||||
]
|
||||
},
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": null,
|
||||
|
||||
38
index.html
38
index.html
@@ -4,7 +4,7 @@
|
||||
<title>Getting Started</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<style>
|
||||
.line{
|
||||
.line, .line1, .line2{
|
||||
fill: none;
|
||||
stroke: steelblue;
|
||||
stroke-width: 2px;
|
||||
@@ -41,11 +41,43 @@
|
||||
<h2>Volume of trades over the years</h2>
|
||||
<svg id="intro"></svg>
|
||||
</div>
|
||||
<div id="test" class="step" data-x="6000" data-y="0" data-z="1500" data-scale="5" data-rotate-y="-45">
|
||||
<div id="market-composition" class="step" data-x="6000" data-y="0" data-z="1500" data-scale="5" data-rotate-y="-45">
|
||||
<h2>Market composition of the 10 biggest coins</h2>
|
||||
<svg id="composition"></svg>
|
||||
</div>
|
||||
<div id="overview" class="step" data-x="3000" data-y="2000" data-scale="9" style="pointer-events: none;"></div>
|
||||
<div class="step" id="pizza-per-btc" data-x="6000" data-y="6000" data-z="-15000" data-scale="4" data-rotate-y="45">
|
||||
<h2>Pizza's per BTC</h2>
|
||||
<svg id="pizza-per-btc-svg"></svg>
|
||||
<p>In 2013 it was about 10 pizza's for a BitCoin,</p>
|
||||
<p>now you will get somewhere around 600 for the same price. <small>*10 USD/BTC</small></p>
|
||||
<p>I feel really sorry for the guy that bought a pizza for a 1000BTC when it had even less value...</p>
|
||||
</div>
|
||||
<div class="step" id="why-it-grew" data-x="0" data-y="5000" data-z="-3000" data-scale="6">
|
||||
<h2>Why did it grow so fast in 2017?</h2>
|
||||
<ul>
|
||||
<li>A bubble</li>
|
||||
<li>Hyped in the mainstream-media</li>
|
||||
<li>Huge value</li>
|
||||
</ul>
|
||||
<h2>Then why are some companies worried?</h2>
|
||||
<ul>
|
||||
<li>Collapse similar to:
|
||||
<ul>
|
||||
<li>DotCom crash</li>
|
||||
<li>Tulip Mania</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Not accepted everywhere</li>
|
||||
</ul>
|
||||
<small>
|
||||
sources:
|
||||
<ul>
|
||||
<li><a href="https://www.theguardian.com/business/2017/dec/02/bitcoin-is-it-a-bubble-waiting-to-burst-or-a-good-investment" target="_blank">The Guardian</a></li>
|
||||
<li><a href="https://www.express.co.uk/finance/city/874249/bitcoin-price-record-high-why-is-bitcoin-rising-BTC-value" target="_blank">Express</a></li>
|
||||
</ul>
|
||||
</small>
|
||||
</div>
|
||||
<div id="overview" class="step" data-x="3000" data-y="0" data-z="0" data-scale="9" style="pointer-events: none;"></div>
|
||||
</div>
|
||||
|
||||
<div id="impress-toolbar"></div>
|
||||
|
||||
102
index.js
102
index.js
@@ -172,6 +172,108 @@ function make_bar_chart() {
|
||||
});
|
||||
}
|
||||
|
||||
function make_pizza_per_btc() {
|
||||
let margin = {top: 20, right: 20, bottom: 30, left: 50},
|
||||
width = 960 - margin.left - margin.right,
|
||||
height = 500 - margin.top - margin.bottom;
|
||||
|
||||
let parseDate = d3.timeParse("%Y-%m-%d");
|
||||
|
||||
let x = d3.scaleTime()
|
||||
.range([0, width]);
|
||||
|
||||
let y = d3.scaleLinear()
|
||||
.range([height, 0]);
|
||||
|
||||
let xAxis = d3.axisBottom()
|
||||
.scale(x);
|
||||
|
||||
let yAxis = d3.axisLeft()
|
||||
.scale(y);
|
||||
|
||||
let line1 = d3.area()
|
||||
.curve(d3.curveBasis)
|
||||
.x(function(d) { return x(d.date); })
|
||||
.y(function(d) { return y(d.low); });
|
||||
|
||||
let line2 = d3.area()
|
||||
.curve(d3.curveBasis)
|
||||
.x(function(d) { return x(d.date); })
|
||||
.y(function(d) { return y(d.high); });
|
||||
|
||||
let area = d3.area()
|
||||
.curve(d3.curveBasis)
|
||||
.x(function(d) { return x(d.date); })
|
||||
.y1(function(d) { return y(d.low); });
|
||||
|
||||
let svg = d3.select("svg#pizza-per-btc-svg")
|
||||
.attr("width", width + margin.left + margin.right)
|
||||
.attr("height", height + margin.top + margin.bottom)
|
||||
.append("g")
|
||||
.attr("transform", "translate(" + margin.left + "," + margin.top + ")");
|
||||
|
||||
d3.csv("pizzas_per_btc.csv", function(error, data) {
|
||||
if (error) throw error;
|
||||
|
||||
data.forEach(function(d) {
|
||||
d.date = parseDate(d.date);
|
||||
d.low= +d.low;
|
||||
d.high = +d.high;
|
||||
});
|
||||
|
||||
console.log(data);
|
||||
|
||||
x.domain(d3.extent(data, function(d) { return d.date; }));
|
||||
|
||||
y.domain([
|
||||
d3.min(data, function(d) { return d.low }),
|
||||
d3.max(data, function(d) { return d.high; })
|
||||
]);
|
||||
|
||||
svg.datum(data);
|
||||
|
||||
svg.append("clipPath")
|
||||
.attr("id", "clip-below")
|
||||
.append("path")
|
||||
.attr("d", area.y0(height));
|
||||
|
||||
svg.append("clipPath")
|
||||
.attr("id", "clip-above")
|
||||
.append("path")
|
||||
.attr("d", area.y0(0));
|
||||
|
||||
svg.append("path")
|
||||
.attr("class", "area between")
|
||||
.attr("clip-path", "url(#clip-above)")
|
||||
.attr("d", area.y0(function(d) { return y(d.high); }));
|
||||
|
||||
svg.append("path")
|
||||
.attr("class", "line1")
|
||||
.attr("d", line1);
|
||||
|
||||
svg.append("path")
|
||||
.attr("class", "line2")
|
||||
.attr("d", line2);
|
||||
|
||||
svg.append("g")
|
||||
.attr("class", "x axis")
|
||||
.attr("transform", "translate(0," + height + ")")
|
||||
.call(xAxis);
|
||||
|
||||
svg.append("g")
|
||||
.attr("class", "y axis")
|
||||
.call(yAxis)
|
||||
.append("text")
|
||||
.attr("transform", "rotate(-90)")
|
||||
.attr("y", 6)
|
||||
.attr("dy", ".71em")
|
||||
.style("text-anchor", "end")
|
||||
.text("# of pizza's per BTC");
|
||||
});
|
||||
}
|
||||
|
||||
make_intro_svg();
|
||||
|
||||
make_bar_chart();
|
||||
|
||||
make_pizza_per_btc();
|
||||
|
||||
1638
pizzas_per_btc.csv
Normal file
1638
pizzas_per_btc.csv
Normal file
File diff suppressed because it is too large
Load Diff
@@ -44,6 +44,7 @@ h1, h2, h3 {
|
||||
text-align: center; }
|
||||
|
||||
p {
|
||||
color: black;
|
||||
text-align: center;
|
||||
margin: 0.7em; }
|
||||
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"version": 3,
|
||||
"mappings": "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",
|
||||
"mappings": "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",
|
||||
"sources": ["style.sass"],
|
||||
"names": [],
|
||||
"file": "style.css"
|
||||
|
||||
@@ -52,6 +52,7 @@ h1, h2, h3
|
||||
text-align: center
|
||||
|
||||
p
|
||||
color: black
|
||||
text-align: center
|
||||
margin: 0.7em
|
||||
|
||||
|
||||
Reference in New Issue
Block a user