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

removed all css variables and chroma.js for IE compatibility

Browse source
This commit is contained in:
Walker Waylon Scott 2017-07-20 22:47:09 -05:00
parent 06de3d6065
commit 41c32b757a
3 changed files with 23 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -49,15 +49,15 @@ body{
.c3 .c3-axis-x path, .c3 .c3-axis-x line, .c3 .c3-axis-x path, .c3 .c3-axis-x line,
.c3 .c3-axis-y path, .c3 .c3-axis-y line, .c3 .c3-axis-y path, .c3 .c3-axis-y line,
.c3 .c3-axis-y2 path, .c3 .c3-axis-y2 line { .c3 .c3-axis-y2 path, .c3 .c3-axis-y2 line {
stroke: var(--axis-color); stroke: #0071A7;
} }
.c3 .c3-axis-x g, .c3 .c3-axis-x g,
.c3 .c3-axis-y g, .c3 .c3-axis-y g,
.c3 .c3-axis-y2 g, .c3 .c3-axis-y2 g,
.c3 .c3-legend-item-data text { .c3 .c3-legend-item-data text {
color: var(--axis-color); color: #0071A7;
fill: var(--axis-color); fill: #0071A7;
} }
#timeseries-chart .c3-line { #timeseries-chart .c3-line {
stroke-width: 2px; stroke-width: 2px;
@ -94,12 +94,14 @@ body{
} }
#score{ #score{
color: var(--score-color); /*color: var(--score-color);*/
color: #0071A7;
/*color: var(--light-blue);*/ /*color: var(--light-blue);*/
} }
#gross{ #gross{
color: var(--gross-color); /*color: var(--gross-color);*/
color: #4D9913;
} }
.chosen{ .chosen{
@ -143,7 +145,8 @@ body{
.title{ .title{
font-size:22px; font-size:22px;
color:var(--dark-blue); /*color:var(--dark-blue);*/
color:#0C243B;
font: bold; font: bold;
} }
@ -151,7 +154,8 @@ body{
text-align:center; text-align:center;
float: center; float: center;
margin: auto; margin: auto;
color:var(--dark-blue); /*color:var(--dark-blue);*/
color:#0C243B;
} }

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

@ -7,6 +7,9 @@ var update_freq = 200
var style = getComputedStyle(document.body); var style = getComputedStyle(document.body);
score_color = style.getPropertyValue('--score-color'); score_color = style.getPropertyValue('--score-color');
gross_color = style.getPropertyValue('--gross-color'); gross_color = style.getPropertyValue('--gross-color');
score_color = '#0071A7';
gross_color = '#4D9913';
// } // }
@ -105,7 +108,7 @@ var sentiment_data = {
bindto:'#sentiment-chart', bindto:'#sentiment-chart',
data: { data: {
colors: { colors: {
polarity: chroma(score_color).darken().hex(), polarity: "#000016",//chroma(score_color).darken().hex(),
subjectivity: score_color, }, subjectivity: score_color, },
columns: [ columns: [
['polarity', 10], ['polarity', 10],
@ -154,11 +157,11 @@ word_coud_settings = {
height: wc_height, height: wc_height,
classPattern: null, classPattern: null,
colors: [score_color, colors: [score_color,
// gross_color, // chroma(score_color).darken().hex(),
chroma(score_color).darken().hex(), "#000016",
// chroma(gross_color).darken().hex(), // chroma(score_color).darken().darken().hex(),
chroma(score_color).darken().darken().hex(), "#000000",
],// '#ffeda0', '#ffffcc'], ],
fontSize: { fontSize: {
from: 0.1, from: 0.1,
to: 0.02 to: 0.02

6
src/templates/enthusiast.html
View file

@ -11,8 +11,8 @@
<link rel="stylesheet" href="static/node_modules/chosen-js/chosen.css"> <link rel="stylesheet" href="static/node_modules/chosen-js/chosen.css">
<script src="static/node_modules/chosen-js/chosen.jquery.js"></script> <script src="static/node_modules/chosen-js/chosen.jquery.js"></script>
<script src='static/node_modules/jqcloud2/src/jqcloud.js'></script> <script src='static/node_modules/jqcloud2/src/jqcloud.js'></script>
<script src='static/node_modules/chroma-js/chroma.js'></script> <!-- <script src='static/node_modules/chroma-js/chroma.js'></script> -->
<link rel='stylesheet' type='text/css' href='static/css/custom.css?v=2'> <link rel='stylesheet' type='text/css' href='static/css/custom.css?v=3'>
{% endblock %} {% endblock %}
@ -115,5 +115,5 @@
</div> </div>
</div> </div>
</div> </div>
<script src='static/js/enthusiast.js?v=2'></script> <script src='static/js/enthusiast.js?v=3'></script>
{% endblock %} {% endblock %}