-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
28 lines (28 loc) · 5.31 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<html><head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="http://d3js.org/d3.v3.min.js" language="JavaScript"></script>
<script src="liquidFillGauge.js" language="JavaScript"></script>
<style>
body{
background-color: #0F1F2E;
}
.liquidFillGaugeText { font-family: Helvetica; font-weight: bold; }
.text{font-family: Helvetica; text-align: center; color: white;}
</style>
</head>
<body>
<div style="margin-top: 12%">
<h1 class="text">TWITTER SENTIMENT</h1>
<svg id="fillgauge1" width="100%" height="250" onclick="gauge1.update(NewValue());"><g transform="translate(507,0)"><path d="M0,125A125,125 0 1,1 0,-125A125,125 0 1,1 0,125M0,100A100,100 0 1,0 0,-100A100,100 0 1,0 0,100Z" transform="translate(125,125)" style="fill: rgb(255, 119, 119);"></path><text class="liquidFillGaugeText" text-anchor="middle" font-size="62.5px" transform="translate(125,190)" style="fill: rgb(255, 68, 68);">69%</text><defs><clipPath id="clipWavefillgauge1" transform="translate(-156.25,86.06187438964844)"><path d="M0,196.21875L4.6875,196.21875L9.375,196.21875L14.0625,196.21875L18.75,196.21875L23.4375,196.21875L28.125,196.21875L32.8125,196.21875L37.5,196.21875L42.1875,196.21875L46.875,196.21875L51.56250000000001,196.21875L56.25,196.21875L60.9375,196.21875L65.625,196.21875L70.3125,196.21875L75,196.21875L79.6875,196.21875L84.375,196.21875L89.0625,196.21875L93.75,196.21875L98.4375,196.21875L103.12500000000001,196.21875L107.81249999999999,196.21875L112.5,196.21875L117.1875,196.21875L121.875,196.21875L126.56250000000001,196.21875L131.25,196.21875L135.9375,196.21875L140.625,196.21875L145.3125,196.21875L150,196.21875L154.6875,196.21875L159.375,196.21875L164.0625,196.21875L168.75,196.21875L173.4375,196.21875L178.125,196.21875L182.8125,196.21875L187.5,196.21875L192.18749999999997,196.21875L196.875,196.21875L201.5625,196.21875L206.25000000000003,196.21875L210.9375,196.21875L215.62499999999997,196.21875L220.3125,196.21875L225,196.21875L229.68750000000003,196.21875L234.375,196.21875L239.06249999999997,196.21875L243.75,196.21875L248.4375,196.21875L253.12500000000003,196.21875L257.8125,196.21875L262.5,196.21875L267.1875,196.21875L271.875,196.21875L276.5625,196.21875L281.25,196.21875L285.9375,196.21875L290.625,196.21875L295.3125,196.21875L300,196.21875L304.6875,196.21875L309.375,196.21875L314.0625,196.21875L318.75,196.21875L323.4375,196.21875L328.125,196.21875L332.8125,196.21875L337.5,196.21875L342.1875,196.21875L346.875,196.21875L351.5625,196.21875L356.25,196.21875L360.9375,196.21875L365.625,196.21875L370.3125,196.21875L375,196.21875L375,-4.2709557120263946e-15L370.3125,-1.3639129920695094L365.625,-2.694241919706577L360.9375,-3.95822966960417L356.25,-5.124752668425003L351.5625,-6.165087248470219L346.875,-7.053616919706575L342.1875,-7.768463132767337L337.5,-8.292024001448372L332.8125,-8.611407719563859L328.125,-8.71875L323.4375,-8.611407719563857L318.75,-8.292024001448368L314.0625,-7.768463132767335L309.375,-7.053616919706571L304.6875,-6.165087248470215L300,-5.124752668424997L295.3125,-3.9582296696041634L290.625,-2.69424191970657L285.9375,-1.363912992069502L281.25,3.2032167840197956e-15L276.5625,1.3639129920695083L271.875,2.694241919706576L267.1875,3.958229669604169L262.5,5.124752668425002L257.8125,6.165087248470218L253.12500000000003,7.053616919706574L248.4375,7.768463132767337L243.75,8.292024001448372L239.06249999999997,8.611407719563859L234.375,8.71875L229.68750000000003,8.611407719563857L225,8.29202400144837L220.3125,7.768463132767332L215.62499999999997,7.053616919706568L210.9375,6.1650872484702095L206.25000000000003,5.124752668425004L201.5625,3.958229669604172L196.875,2.694241919706571L192.18749999999997,1.363912992069503L187.5,-2.1354778560131973e-15L182.8125,-1.363912992069515L178.125,-2.6942419197065743L173.4375,-3.958229669604175L168.75,-5.124752668425002L164.0625,-6.165087248470213L159.375,-7.053616919706574L154.6875,-7.768463132767334L150,-8.292024001448372L145.3125,-8.611407719563857L140.625,-8.71875L135.9375,-8.611407719563857L131.25,-8.29202400144837L126.56250000000001,-7.768463132767332L121.875,-7.053616919706572L117.1875,-6.16508724847021L112.5,-5.124752668424999L107.81249999999999,-3.9582296696041688L103.12500000000001,-2.6942419197065757L98.4375,-1.3639129920695117L93.75,1.0677389280065987e-15L89.0625,1.3639129920695139L84.375,2.6942419197065735L79.6875,3.958229669604174L75,5.1247526684250015L70.3125,6.165087248470211L65.625,7.053616919706573L60.9375,7.768463132767333L56.25,8.292024001448372L51.56250000000001,8.611407719563857L46.875,8.71875L42.1875,8.611407719563857L37.5,8.29202400144837L32.8125,7.768463132767332L28.125,7.053616919706573L23.4375,6.16508724847021L18.75,5.124752668425L14.0625,3.958229669604173L9.375,2.6942419197065726L4.6875,1.363912992069513L0,0Z" T="0.294" transform="translate(55.125,0)"></path></clipPath></defs><g clip-path="url(#clipWavefillgauge1)"><circle cx="125" cy="125" r="93.75" style="fill: rgb(255, 221, 221);"></circle><text class="liquidFillGaugeText" text-anchor="middle" font-size="62.5px" transform="translate(125,190)" style="fill: rgb(255, 170, 170);">69%</text></g></g></svg>
<h2 class="text">POSITIVE</h2>
</div>
<script language="JavaScript">
var gauge1 = loadLiquidFillGauge("fillgauge1", 0);
var config1 = liquidFillGaugeDefaultSettings();
function NewValue(){
<input type="tweets"/>
}
</script>
</body>
</html>