waylon/pyDataVizDay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Continued updates for /enthusiast draft

Browse source
This commit is contained in:
walkews 2017-07-14 16:08:27 -05:00
parent 04e8135cf0
commit e82149c072
7 changed files with 184 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

37
src/templates/enthusiast.html
View file

@ -6,7 +6,7 @@
<!-- Load d3.js and c3.js -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqcloud/1.0.4/jqcloud.css">
<script src='http://d3js.org/d3.v3.min.js' charset='utf-8'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/c3/0.4.8/c3.min.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.js'></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" href="static/node_modules/chosen-js/chosen.css">
<script src="static/node_modules/chosen-js/chosen.jquery.js"></script>
@ -28,11 +28,11 @@
</div>
</div>
<div class='col-sm-1'>
Score: <div class='kpi' id='score'>
Score: <div class='kpi' id='score' style='color:#B80000'>
</div>
</div>
<div class='col-sm-4'>
Gross: <div class='kpi' id='gross' style='color:green'>
Gross: <div class='kpi' id='gross' style='color:#4D9913'>
</div>
<div class='col-sm-9'></div>
</div>
@ -45,10 +45,39 @@
</div>
<div class="row" min-height:150px>
<div class='col-sm-6 centered'>
<div class='col-sm-6'>
<div id='sentiment-chart' class='sentiment-chart'><h2>SENTIMENT</h2></div>
</div>
<div class='col-sm-6'>
<div id='word_cloud'></div>
</div>
</div>
<div class="row" min-height:150px>
<div class='col-sm-6 centered'>
<div id='top_movies'></div>
</div>
</div>
<div class='row' padding:50px>
<div class='col-sm-3'></div>
<div class='col-sm-6' style='text-align:center'>
<h2>Top Movies</h2>
</div>
<div class='col-sm-3'></div>
</div>
{% for i in range(0, 6, 3) %}
<div class="row" min-height:150px>
{% for j in range(3) %}
<div class='col-sm-4'>
<div id='title-{{i+j}}' class='title'></div>
<div id='poster-{{ i + j }}' class='poster'></div>
</div>
{% endfor %}
</div>
{% endfor %}
</div>
<script src='static/js/enthusiast.js'></script>
{% endblock %}