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

smaller tweeks, larger linewidth, added year to top movies, consistent color

Browse source
This commit is contained in:
Walker Waylon Scott 2017-07-19 13:04:06 -05:00
parent c76236513e
commit 5cccd6d2cc
3 changed files with 15 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/static/css/custom.css
View file

@ -54,6 +54,9 @@ body{
color: var(--axis-color); color: var(--axis-color);
fill: var(--axis-color); fill: var(--axis-color);
} }
#timeseries-chart .c3-line {
stroke-width: 2px;
}
.container { .container {
color: #C7E0E4; color: #C7E0E4;
@ -63,6 +66,8 @@ body{
.kpi { .kpi {
/* color: #B80000; */ /* color: #B80000; */
float: none;
margin: 0 auto;
padding:5px 5px 5px 5px ; padding:5px 5px 5px 5px ;
font-weight:4; font-weight:4;
font-size:16px; font-size:16px;
@ -76,6 +81,11 @@ body{
/* height: 75px; */ /* height: 75px; */
} }
.kpi-row{
float: none;
margin: 0 auto;
}
#score{ #score{
color: var(--score-color); color: var(--score-color);
color: var(--light-blue); color: var(--light-blue);
@ -135,9 +145,9 @@ body{
} }
.sentiment-chart-title{ .sentiment-chart-title{
color:var(--dark-blue); /*color:var(--dark-blue);*/
/*text-align: center;*/ /*text-align: center;
} }*/
.word-cloud-title{ .word-cloud-title{
color:#0071A7; color:#0071A7;
/*text-align: center;*/ /*text-align: center;*/

1
src/static/js/enthusiast.js
View file

@ -84,6 +84,7 @@ var data = {
$('#year').html(year) $('#year').html(year)
$('#score').html(score) $('#score').html(score)
$('#gross').html(gross) $('#gross').html(gross)
$('#top-movies-year').html(' for ' + year)
if ((performance.now() - window.last_update)>update_freq) if ((performance.now() - window.last_update)>update_freq)
{ {
window.last_update = performance.now() window.last_update = performance.now()

2
src/templates/enthusiast.html
View file

@ -89,7 +89,7 @@
<div class='row' padding:50px> <div class='row' padding:50px>
<div class='col-sm-3'></div> <div class='col-sm-3'></div>
<div class='col-sm-6' style='text-align:center'> <div class='col-sm-6' style='text-align:center'>
<h2>Top Movies</h2> <h2>Top Movies <div id='top-movies-year'></div></h2>
<div id='note' class='note'> <div id='note' class='note'>
<em> <em>
by gross $ by gross $