Skip to content

Instantly share code, notes, and snippets.

@sergiospagnuolo

sergiospagnuolo/Dolar vs Lava Jato.markdown

Created March 10, 2016 15:53
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save sergiospagnuolo/340e43212376c5d467a4 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save sergiospagnuolo/340e43212376c5d467a4 to your computer and use it in GitHub Desktop.
Download ZIP
Dolar vs Lava Jato
Raw
Dolar vs Lava Jato.markdown
Raw
index.html
<body>
<div class="conteudo">
<h1>Trajetória do dólar vs real desde o início da Operação Lava Jato</h1>
<h4 style="float:left;">Em R$ </h4>
<canvas id="grafico"></canvas>
<h4>Fonte: Banco Central </h4>
</div>
</body>
Raw
script.js
var lineChartData = {
labels: [
"17.3.14",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"4.3.16" ],
datasets: [
{
label: "Variacao",
fillColor: "rgba(250, 166, 26, 0.6)",
strokeColor: "rgba(250, 166, 26, 1)",
pointColor: "#ababab",
pointStrokeColor: "#000",
pointHighlightFill: "",
pointHighlightStroke: "",
data: [2.3631,
2.3513,
2.3516,
2.3333,
2.3414,
2.3239,
2.3242,
2.3118,
2.3113,
2.2824,
2.2597,
2.2624,
2.2614,
2.2705,
2.2805,
2.2414,
2.232,
2.1968,
2.2105,
2.1982,
2.2053,
2.209,
2.2251,
2.2336,
2.2476,
2.2443,
2.242,
2.2223,
2.2319,
2.2364,
2.2193,
2.2354,
2.2215,
2.228,
2.2316,
2.2276,
2.2101,
2.2186,
2.2158,
2.2095,
2.2123,
2.216,
2.2104,
2.2105,
2.215,
2.2105,
2.2125,
2.2181,
2.2203,
2.2348,
2.2399,
2.2245,
2.2384,
2.2634,
2.2648,
2.2796,
2.2689,
2.2439,
2.233,
2.229,
2.2301,
2.2298,
2.2341,
2.2307,
2.248,
2.2528,
2.2374,
2.2189,
2.2211,
2.2046,
2.2083,
2.1969,
2.2019,
2.2048,
2.2127,
2.2275,
2.2143,
2.2195,
2.2144,
2.2128,
2.2231,
2.2222,
2.217,
2.2189,
2.2187,
2.2397,
2.2356,
2.2232,
2.2123,
2.2196,
2.2198,
2.2287,
2.2296,
2.2272,
2.2441,
2.2668,
2.26,
2.2571,
2.275,
2.2784,
2.2796,
2.298,
2.2773,
2.2764,
2.2686,
2.2697,
2.2684,
2.2589,
2.2581,
2.2544,
2.2576,
2.2772,
2.2802,
2.2742,
2.2585,
2.2493,
2.239,
2.2358,
2.2515,
2.2313,
2.235,
2.241,
2.2485,
2.2807,
2.2961,
2.2874,
2.3244,
2.3395,
2.3345,
2.3378,
2.3661,
2.365,
2.3864,
2.402,
2.4064,
2.4078,
2.4304,
2.4516,
2.4504,
2.4617,
2.4779,
2.4926,
2.4092,
2.4032,
2.4065,
2.3908,
2.4096,
2.3917,
2.3985,
2.431,
2.4763,
2.447,
2.4548,
2.4791,
2.4775,
2.4998,
2.4799,
2.5335,
2.4863,
2.434,
2.4113,
2.4436,
2.4833,
2.5189,
2.5162,
2.5319,
2.5715,
2.5384,
2.5638,
2.5544,
2.5719,
2.6129,
2.6029,
2.5961,
2.5843,
2.544,
2.5384,
2.5276,
2.523,
2.5097,
2.5059,
2.5595,
2.5618,
2.5658,
2.5601,
2.5791,
2.5882,
2.5917,
2.601,
2.5925,
2.6265,
2.6552,
2.6711,
2.7397,
2.724,
2.6669,
2.648,
2.652,
2.6769,
2.6822,
2.6806,
2.6777,
2.6556,
2.6556,
2.6923,
2.7101,
2.7016,
2.6801,
2.6913,
2.6577,
2.6569,
2.6479,
2.6216,
2.6116,
2.6187,
2.6237,
2.6241,
2.5961,
2.5748,
2.585,
2.596,
2.5803,
2.5791,
2.5954,
2.6617,
2.6888,
2.7053,
2.7142,
2.738,
2.7635,
2.7867,
2.8069,
2.857,
2.8619,
2.8385,
2.8424,
2.8539,
2.8694,
2.8805,
2.8643,
2.864,
2.8721,
2.8777,
2.8649,
2.9045,
2.9798,
2.9925,
3.036,
3.1012,
3.1293,
3.1156,
3.1165,
3.2258,
3.2251,
3.2677,
3.2512,
3.2635,
3.2417,
3.1793,
3.1304,
3.1469,
3.1909,
3.2253,
3.2595,
3.2074,
3.1549,
3.1486,
3.092,
3.1225,
3.0828,
3.0459,
3.0789,
3.1005,
3.0874,
3.0675,
3.0243,
3.0538,
3.0467,
3.018,
3.0077,
2.9739,
2.9229,
2.8937,
2.9369,
2.993,
3.0748,
3.0619,
3.0414,
3.0415,
2.9959,
3.0169,
3.0382,
3.0096,
3.0026,
2.9887,
3.0139,
3.0278,
3.034,
3.0289,
3.0647,
3.1206,
3.1345,
3.1734,
3.1741,
3.1781,
3.1783,
3.1437,
3.1178,
3.1677,
3.1184,
3.0985,
3.0837,
3.1508,
3.1101,
3.103,
3.1076,
3.0983,
3.0466,
3.0782,
3.0751,
3.1036,
3.0846,
3.1009,
3.1265,
3.1383,
3.1019,
3.1185,
3.1166,
3.1265,
3.1425,
3.1803,
3.2275,
3.2152,
3.1891,
3.1588,
3.1224,
3.1526,
3.1369,
3.1826,
3.2143,
3.1807,
3.2088,
3.2844,
3.3248,
3.3551,
3.3808,
3.3413,
3.3646,
3.3934,
3.4419,
3.4669,
3.4844,
3.5341,
3.5175,
3.4903,
3.4919,
3.482,
3.5068,
3.4755,
3.4739,
3.4805,
3.4843,
3.4745,
3.489,
3.5488,
3.5339,
3.632,
3.5549,
3.5784,
3.6461,
3.6719,
3.7307,
3.7753,
3.798,
3.8021,
3.7864,
3.8691,
3.8692,
3.8647,
3.8593,
3.8361,
3.8915,
3.9015,
3.9815,
4.0419,
4.1034,
4.1942,
3.9472,
4.0093,
4.1165,
3.9722,
3.9788,
4.0003,
3.9135,
3.8561,
3.8053,
3.8511,
3.738,
3.8243,
3.8501,
3.8337,
3.8432,
3.9009,
3.865,
3.938,
3.9354,
3.8982,
3.8575,
3.9108,
3.8791,
3.9321,
3.8582,
3.812,
3.768,
3.7887,
3.8053,
3.7922,
3.7975,
3.732,
3.799,
3.8016,
3.833,
3.8045,
3.7915,
3.7435,
3.7,
3.7224,
3.7075,
3.7682,
3.76,
3.7392,
3.8499,
3.8739,
3.8539,
3.7964,
3.7569,
3.747,
3.7915,
3.7573,
3.7679,
3.8541,
3.9017,
3.8697,
3.9351,
3.8923,
3.9056,
3.9825,
3.9764,
3.9626,
3.9511,
3.918,
3.8486,
3.9042,
3.9042,
4.038,
4.0108,
4.0297,
4.0469,
4.0244,
4.0147,
4.0293,
3.9857,
4.0217,
4.0396,
4.0358,
4.0297,
4.0855,
4.1552,
4.1226,
4.0991,
4.0961,
4.0441,
4.0832,
4.0422,
3.9979,
3.9913,
3.9552,
3.8646,
3.8969,
3.9406,
3.9636,
3.9884,
3.9879,
4.0207,
4.0312,
4.0084,
4.0486,
3.9612,
3.9678,
3.9894,
3.9394,
3.9571,
3.979,
3.9907,
3.911,
3.8498,
3.7182,
]
}
],
};
var linha = new Chart(document.getElementById("grafico").getContext("2d")).Line(lineChartData, {
responsive:true,
maintainAspectRatio: true,
animationSteps: 50,
animationEasing: "easeInExpo",
animateScale: true,
scaleShowGridLines : true,
scaleShowHorizontalLines: true,
scaleShowVerticalLines: false,
scaleLabel: "<%=value%>",
segmentStrokeWidth : 5,
pointDotRadius : 0.5,
animationEasing : "southOutBounce",
showScale: true,
bezierCurveTension : 0,
scaleLineWidth: 1,
scaleBeginAtZero: true,
tooltipTemplate: "<%if (label){%><%=label%>: <%}%><%= value %>",
scaleFontColor: "#000",
scaleLabel: " <%= value%> ",
showTooltips: true,
scaleFontFamily: "'Oswald', sans-serif",
scaleFontSize: 10,
tooltipFontFamily: "'Oswald', sans-serif",
tooltipTitleFontFamily: "'Oswald', sans-serif",
tooltipFillColor: "rgba(0,0,0,0.8)"
});
Raw
style.css
body {
font-family: "Oswald", sans-serif;
}
#conteudo {
margin: 30px;
margin-right: 80px;
}
h1, h2,h3,h4, h5 {
margin-bottom: 0px;
}
h3 {
font-weight: 300;
margin-top:0px;
}
h4, h5 {
font-weight: 300;
}
li {
display: inline-block;
margin-right: 15px;
}
ul {
float: right;
}
.conteudo {
margin: 0 0px 20px 40px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment