-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex_tephi_deved.html
executable file
·4086 lines (3665 loc) · 142 KB
/
index_tephi_deved.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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" media="screen" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/meted-base.min.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/module-custom.css">
<link rel="stylesheet" type="text/css" href="sounding_tephi.css">
<title>Interactive Tephigram</title>
<body>
<div id="interaction-wrap">
<div id="container" style="padding-top: 50px;">
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container center">
<h2 id="title">Interactive Tephigram</h2>
</div>
</nav>
<div id="checks">
<label for="parcel_check"><input id="parcel_check" type="checkbox" checked="checked">Parcel Temperature</input></label>
<label for="parcelmix_check"><input id="parcelmix_check" type="checkbox" checked="checked">Mixed Parcel Temperature</input></label>
<label for="tvc_check"><input id="tvc_check" type="checkbox" checked="checked">Virtual Temperature</input></label>
<label for="twc_check"><input id="twc_check" type="checkbox" checked="checked">Wet Bulb Temperature</input></label>
<br/>
Mixing Layer Depth (in mb):
<input id="ml_depth" type="number" min="1" max="200" value="100" style="width: 50px">
<span> </span>For CAPE Calculations:
<label for="t_CAPE_check"><input name="CAPE_check" id="t_CAPE_check" type="radio" checked value="T">Use T</input></label>
<label for="tv_CAPE_check"><input name="CAPE_check" id="tv_CAPE_check" type="radio" value="Tv">Use Tv</input></label>
</div>
<div id="mainbox">
<div id="checks_wrapper">
<div id="upload_wrapper">
<label id="fileUpload" for="input-file" class="btn btn-default btn_upload">Upload File</label>
<input type="file" id="input-file" style="display:none;">
</div>
<div id="editData">
<button id="editButton" class="btn btn-default" onClick="tableVis()">Show Current Data</button>
</div>
<div id="reset">
<button id="resetSounding" class="btn btn-danger" onClick="resetSounding()">Reset Sounding</button>
</div>
<div id="undo_redo">
<button id="undo" class="btn btn-default btn_undo" onClick="undo()">Undo</button>
<button id="redo" class="btn btn-default btn_redo" onClick="redo()">Redo</button>
</div>
<div id="presets">
<p>Preset Soundings:
<select id="allstar_sounding">
<option disabled>━ Defaults ━</option>
<option value="data_TOP.json" default>Default Sounding</option>
<option value="data_SkewT.json">Flash Sounding</option>
<option disabled>━ Thunderstorms & Tornadoes ━</option>
<option value="./All-Star-Soundings/BMX_2011427_18.html">Tornado Outbreak (BMX)</option>
<option value="./All-Star-Soundings/BMX_2011428_00.html">Tornado Outbreak (BMX)</option>
<option value='./All-Star-Soundings/TOP_200354_12.html'>Tornado Outbreak (TOP)</option>
<option value='./All-Star-Soundings/TOP_200354_18.html'>Tornado Outbreak (TOP)</option>
<option value='./All-Star-Soundings/TOP_200355_00.html'>Tornado Outbreak -- Post Dryline (TOP)</option>
<option value='./All-Star-Soundings/OUN_200358_12.html'>Moore, OK Tornado (OUN)</option>
<option value='./All-Star-Soundings/OUN_200358_18.html'>Moore, OK Tornado (OUN)</option>
<option value='./All-Star-Soundings/OUN_200359_00.html'>Moore, OK Tornado (OUN)</option>
<option value='./All-Star-Soundings/TOP_2004530_00.html'>NE/KS/OK Tornadoes (TOP)</option>
<option value='./All-Star-Soundings/OUN_2004530_00.html'>NE/KS/OK Tornadoes (OUN)</option>
<option value='./All-Star-Soundings/BMX_2011427_18.html'>Severe Weather Outbreak (BMX)</option>
<option value='./All-Star-Soundings/BMX_2011428_00.html'>Severe Weather Outbreak (BMX)</option>
<option value='./All-Star-Soundings/JAN_2011427_18.html'>Severe Weather Outbreak (JAN)</option>
<option value='./All-Star-Soundings/OUN_2011524_12.html'>Severe Weather Outbreak (OUN)</option>
<option value='./All-Star-Soundings/OUN_2011524_18.html'>Severe Weather Outbreak (OUN)</option>
<option value='./All-Star-Soundings/OUN_2013520_12.html'>Moore, OK EF5 Tornado (OUN)</option>
<option value='./All-Star-Soundings/OUN_2013520_18.html'>Moore, OK EF5 Tornado (OUN)</option>
<option value='./All-Star-Soundings/OUN_2013531_12.html'>El Reno, OK EF3 Tornado (OUN)</option>
<option value='./All-Star-Soundings/FGZ_2017820_00.html'>Dry Microburst (FGZ)</option>
<option value='./All-Star-Soundings/OUN_2015615_00.html'>Wet Microburst (OUN)</option>
<option value='./All-Star-Soundings/IAD_2012630_00.html'>Derecho (IAD)</option>
<option disabled>━ Hurricanes ━</option>
<option value='./All-Star-Soundings/EYW_2004813_00.html'>Hurricane Charley (EYW)</option>
<option value='./All-Star-Soundings/EYW_2004813_12.html'>Hurricane Charley (EYW)</option>
<option value='./All-Star-Soundings/TBW_2004813_18.html'>Hurricane Charley (TBW)</option>
<option value='./All-Star-Soundings/TBW_2004814_00.html'>Hurricane Charley (TBW)</option>
<option value='./All-Star-Soundings/CRP_2003716_00.html'>Hurricane Claudette (Near Landfall; CRP)</option>
<option value='./All-Star-Soundings/DRT_2003716_00.html'>Hurricane Claudette (Inland Dry Environment; DRT)</option>
<option value='./All-Star-Soundings/DRT_2003716_06.html'>Hurricane Claudette (Inland Moistening Environment; DRT)</option>
<option value='./All-Star-Soundings/DRT_2003716_12.html'>Hurricane Claudette (Inland over DRT; DRT)</option>
<option value='./All-Star-Soundings/76595_2002923_12.html'>Hurricane Isidore (76595)</option>
<option value='./All-Star-Soundings/MMMD_2002922_12.html'>Hurricane Isidore (MMMD)</option>
<option value='./All-Star-Soundings/LIX_2005827_06.html'>Hurricane Katrina (LIX)</option>
<option value='./All-Star-Soundings/LZK_2005830_00.html'>Remnants of Hurricane Katrina (LZK)</option>
<option value='./All-Star-Soundings/TXKF_20141018_12.html'>Hurricane Gonzalo (direct hit on Bermuda; TXKF)</option>
<option value='./All-Star-Soundings/JAX_2016108_00.json'>Hurricane Matthew (JAX)</option>
<option value='./All-Star-Soundings/CRP_2017826_00.html'>Hurricane Harvey (Near Landfall; CRP)</option>
<option value='./All-Star-Soundings/EYW_2017910_00.html'>Hurricane Irma (12 hrs prior to landfall; EYW))</option>
<option value='./All-Star-Soundings/TBW_2017911_00.html'>Hurricane Irma (12 hrs post landfalll TBW)</option>
<option disabled>━ Heavy Snow ━</option>
<option value="./All-Star-Soundings/ABR_20051129_00.html">Heavy Snow (ABR)</option>
<option value='./All-Star-Soundings/BUF_20011224_12.html'>Heavy Lake Effect Snow (BUF)</option>
<option value='./All-Star-Soundings/BUF_20011225_00.html'>Heavy Lake Effect Snow (BUF)</option>
<option value='./All-Star-Soundings/OUN_20021223_18.html'>Heavy Snow/Thundersnow</option>
<option value='./All-Star-Soundings/FWD_2004213_12.html'>Heavy Snow</option>
<option value='./All-Star-Soundings/FWD_2004214_00.html'>Heavy Snow</option>
<option value='./All-Star-Soundings/FWD_2004214_12.html'>Heavy Snow</option>
<option value='./All-Star-Soundings/FWD_2004215_00.html'>Heavy Snow</option>
<option value='./All-Star-Soundings/ABR_20051129_00.html'>Winter Storm</option>
<option value='./All-Star-Soundings/OKX_2006212_06.html'>Historic Blizzard</option>
<option value='./All-Star-Soundings/CHH_2006212_06.html'>Historic Blizzard</option>
<option value='./All-Star-Soundings/LBF_2006321_00.html'>Great Plains Snowstorm</option>
<option value='./All-Star-Soundings/OAX_2006321_00.html'>Great Plains Snowstorm</option>
<option value='./All-Star-Soundings/BUF_20131212_00.html'>Heavy Lake Effect Snow</option>
<option value='./All-Star-Soundings/CHH_2015127_12.html'>Boston Blizzard</option>
<option value='./All-Star-Soundings/BUF_20141119_00.html'>Heavy Lake Effect Snow</option>
<option value='./All-Star-Soundings/GYX_2015128_00.html'>Blizzard</option>
<option value='./All-Star-Soundings/TFX_2019929_12.html'>4 Feet of Snow</option>
<option disabled>━ Heavy Rain/Flooding ━</option>
<option value='./All-Star-Soundings/FWD_2004728_00.html'>Heavy Rain</option>
<option value='./All-Star-Soundings/FWD_2004728_12.html'>Heavy Rain</option>
<option value='./All-Star-Soundings/FWD_2004729_00.html'>Heavy Rain</option>
<option value='./All-Star-Soundings/FFC_2009920_12.html'>Atlanta Flash Flood</option>
<option value='./All-Star-Soundings/OUN_2010614_00.html'>Oklahoma City Flash Flood</option>
<option value='./All-Star-Soundings/OUN_2010614_12.html'>Oklahoma City Flash Flood</option>
<option value='./All-Star-Soundings/OKX_2014813_12.html'>Historic Flooding on Long Island</option>
<option value='./All-Star-Soundings/DNR_2013912_12.html'>Historic Flooding along Front Range of Colorado</option>
<option value='./All-Star-Soundings/DNR_2013913_12.html'>Historic Flooding along Front Range of Colorado</option>
<option disabled>━ Precipitation Typing ━</option>
<option value='./All-Star-Soundings/FWD_20001213_12.html'>Freezing Rain/Ice Pellets</option>
<option value='./All-Star-Soundings/OUN_20001213_12.html'>Freezing Rain/Ice Pellets</option>
<option value='./All-Star-Soundings/FWD_20001226_00.html'>Rain/Freezing Rain/Ice Pellets</option>
<option value='./All-Star-Soundings/OUN_20001226_00.html'>Rain/Freezing Rain/Ice Pellets</option>
<option value='./All-Star-Soundings/GSO_200821_12.html'>Cold Air Damming</option>
<option disabled>━ Heat Wave ━</option>
<option value='./All-Star-Soundings/OUN_2003721_00.html'>Heat Wave</option>
<option value='./All-Star-Soundings/OUN_201183_00.html'>Heat Wave</option>
<option value='./All-Star-Soundings/FWD_201183_00.html'>Heat Wave</option>
<option value='./All-Star-Soundings/DVN_1995714_00.html'>Heat Wave</option>
<option value='./All-Star-Soundings/ILX_1995714_00.html'>Heat Wave</option>
<option value='./All-Star-Soundings/NKX_201877_00.html'>Heat Wave</option>
<option disabled>━ Cold Wave ━</option>
<option value='./All-Star-Soundings/PABR_2002110_00.html'>Large Inversion/Low Tropopause</option>
<option value='./All-Star-Soundings/OAX_201417_12.html'>Arctic Cold Blast (Record-setting Surface High)</option>
<option value='./All-Star-Soundings/UIL_201427_12.html'>Seattle Record Cold</option>
<option value='./All-Star-Soundings/MPX_199622_12.html'>Frigid Cold</option>
<option value='./All-Star-Soundings/ABR_20140106_00.html'>Brutal Cold</option>
<option disabled>━ Wildfire ━</option>
<option value='./All-Star-Soundings/MFR_2018727_00.html'>Carr Wildfire</option>
</select>
<!--<button id="default" onClick="loadSounding()" value="default">Load Sounding</button>-->
</p>
<p id="link-set">
<a href="upload_instructions.htm" class="fbox-res-iframe" target="_blank"><span class="glyphicon glyphicon-link"></span> Upload File Instructions</a><br>
<a href="https://www.meted.ucar.edu/mesoprim/tephigram/" target="_blank"><span class="glyphicon glyphicon-link"></span> Return to <em>Tephigram Mastery</em> lesson</a>
</p>
</p>
</div>
</div>
</div>
<div id="hodobox"><div id="indicesWrap"></div></div>
<!--<div id="editTableWrap"></div>-->
<p id="copyright">© The COMET Program</p>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.3/d3.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="jquery/jquery-ui.min.js"></script>
<script src="jquery/jquery-plugins.min.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="jquery/apps/fancybox/fancybox.min.css">
<script type="text/javascript" src="jquery/apps/fancybox/fancybox.min.js"></script>
<script src="jsfunctions_tephi.js"></script>
<script type="text/javascript">
$(document).ready( function() {
$(window).keydown(function(event){
if(event.keyCode == 13) {
event.preventDefault();
return false;
}
});
$("input:checkbox").on('change', function () {
plotChecks();
});
$("#undo").prop("disabled", true);
$("#redo").prop("disabled", true);
$("#ml_depth").on("input", function () {
bl_depth = parseFloat($(this).val());
drawTephi();
drawText();
tabulate("editTable", columns, tlinetest[0][0],true);
});
$("input:radio[name='CAPE_check']").on("change", function() {
drawTephi();
drawText();
});
$("#allstar_sounding").change(function () {
loadSounding();
});
});
function plotChecks() {
var className;
$('input:checkbox').each(function() {
className = $(this).prop('id');
className = className.split("_",1).toString();
if (!$(this).is(":checked")) {
$("." + className + ".member").css("visibility", "hidden");
$("." + className + ".focus").css("visibility", "hidden");
} else {
$("." + className + ".member").css("visibility", "visible");
$("." + className + ".focus").css("visibility", "visible");;
}
});
if(className == "twc") {
$(".wbztext, .wbz_rectline").css('visibility', $(".wbztext, .wbz_rectline").css('visibility') == 'hidden' ? 'visible' : 'hidden');
drawTephi();
drawText();
tabulate("editTable", columns, tlinetest[0][0],true);
} else if (className == "tvc") {
drawTephi();
drawText();
tabulate("editTable", columns, tlinetest[0][0],true);
} else if (className == "parcel") {
$(".lcltext, .lcl, .lfctext, .lfc, .eltext, .el").css('visibility', $(".lcltext, .lcl, .lfctext, .lfc, .eltext, .el").css('visibility') == 'hidden' ? 'visible' : 'hidden');
drawTephi();
drawText();
tabulate("editTable", columns, tlinetest[0][0],true);
} else if (className == "parcelmix") {
$(".lclmixtext, .lclmix, .lfcmixtext, .lfcmix, .elmixtext, .elmix").css('visibility', $(".lclmixtext, .lclmix, .lfcmixtext, .lfcmix, .elmixtext, .elmix").css('visibility') == 'hidden' ? 'visible' : 'hidden');
drawTephi();
drawText();
tabulate("editTable", columns, tlinetest[0][0],true);
} else {
}
}
var loadedPreset = true;
var loadedFile = false;
var lat, long;
var columns = ['press', 'temp', 'dwpt', 'wdir', 'wspd'];
function tableVis () {
$("#editTableWrap").toggle();
if ($("#editTableWrap").is(":visible")) {
$("#editButton").text("Hide Current Data");
} else {
$("#editButton").text("Show Current Data");
}
tabulate("editTable", columns, tlinetest[0][0],true);
}
function tabulate(tabName, headers, data, editFlag) {
d3.select("#" + tabName + "Wrap").html("");
var columnLabels = ['Pressure (hPa)', 'Temperature (°C)', 'Dewpoint (°C)', 'Wind Direction (°)', 'Wind Speed (kt)'];
var table = d3.select('#' + tabName + 'Wrap').append('table').attr("id",tabName).attr("class", "table table-responsive table-bordered table-striped drag-cancel");
var dragTable = d3.select('#editTableWrap');
var thead = table.append('thead');
var tbody = table.append('tbody');
if (tabName === 'editTable') {
// append the header row
thead.append('tr')
.selectAll('th')
.data(columnLabels).enter()
.append('th')
.text(function (column) { return column; });
dragTable.append('a').attr("id", "dragCloseButton").attr('onClick', 'tableVis()').text('x');
}
else {
// append the header row
thead.append('tr')
.selectAll('th')
.data(headers).enter()
.append('th')
.text(function (column) { return column; });
}
// create a row for each object in the data
var rows = tbody.selectAll('tr')
.data(data)
.enter()
.append('tr');
// create a cell in each row for each column
var cells = rows.selectAll('td')
.data(function (row) {
return headers.map(function (column) {
return {column: column, value: row[column]};
});
})
.enter()
.append('td')
.attr("contenteditable", editFlag)
.text(function (d) { return d.value; });
rows.selectAll(":first-child").attr("contenteditable", "false");
if (editFlag) {
rows.selectAll().attr("class", "edit")
}
$("#editTable [contenteditable=true]").on("input", function() {
var row = $(this).parent().children();
var i = $("#editTable tr:not(:first)").index($(this).parent());
var j = $(this).parent().children("td").index(this);
update(row, i, j);
});
return table;
}
function update(r, i, j) {
var here = $("#editTable tr:not(:first)").eq(i).children("td").eq(j);
var inputText = r.eq(j).text().trim();
var signs = /^[-+.]?[.]?$/;
var numbers = /^[-+]?[0-9]*\.?[0-9]+$/;
if (j%4 == 1 || j%4 == 2) {
if (inputText.match(signs)) {
return false
}
}
if (inputText == "") {
here.addClass("blank");
return false
} else if (inputText.match(numbers)) {
if (j == 1) {
tlinetest[0][0][i].temp = parseFloat(inputText);
if (tlinetest[0][0][i].temp < tlinetest[0][0][i].dwpt) {
// Send error message to user to correct temp and dwpt
here.addClass("blank");
here.next().addClass("blank");
return false
} else {
here.removeClass("blank");
here.next().removeClass("blank");
}
} else if (j == 2) {
tlinetest[0][0][i].dwpt = parseFloat(inputText);
if (tlinetest[0][0][i].dwpt > tlinetest[0][0][i].temp) {
// Send error message to user to correct temp and dwpt
here.addClass("blank");
here.prev().addClass("blank");
return false
} else {
here.removeClass("blank");
here.prev().removeClass("blank");
}
} else if (j == 3) {
if (inputText.match(/^\d*\.?\d+$/)) {
if (parseFloat(inputText) > 360 || parseFloat(inputText) < 0 ) {
var howLarge = parseFloat(inputText)/360;
if (howLarge < 1 && howLarge > 0) {
var direct = parseFloat(inputText);
} else if (howLarge < 0 && howLarge > -1) {
var direct = parseFloat(inputText) + 360;
} else if (Math.abs(howLarge) >= 1) {
var multiplier = Math.floor(howLarge);
var direct = parseFloat(inputText) - 360*multiplier;
}
here.text(direct);
}
tlinetest[0][0][i].wdir = parseFloat(inputText);
} else {
here.text(tlinetest[0][0][i].wdir);
return false;
}
} else if (j == 4) {
if (inputText.match(/^\d*\.?\d+$/)) {
tlinetest[0][0][i].wspd = parseFloat(inputText);
tlinetest[0][0][i].wspdround = Math.round((parseFloat(inputText)/5))*5;
} else {
here.text(tlinetest[0][0][i].wspd);
return false;
}
}
} else {
if (j == 1) {
here.text(tlinetest[0][0][i].temp);
} else if (j == 2) {
here.text(tlinetest[0][0][i].dwpt);
} else if (j == 3) {
here.text(tlinetest[0][0][i].wdir);
} else if (j == 4) {
here.text(tlinetest[0][0][i].wspd);
}
return false;
}
here.removeClass("blank");
drawTephi();
drawText();
}
$("input[type='file']").on("change", function () {
loadedFile = true;
loadFile();
loadedPreset = false;
});
function loadFile() {
loadedPreset = false;
const reader = new FileReader();
reader.readAsText(document.querySelector('input[type="file"]').files[0]);
reader.onload = () => storeResults(reader.result);
loadedFile = true;
undoArr = [];
redoArr = [];
$("#undo").prop("disabled", true);
$("#redo").prop("disabled", true);
}
function storeResults(result) {
sounding = result;
jsonObj = convertFiletoJSON(sounding);
dataParse();
}
function loadSounding () {
loadedFile = false;
var soundingFile = $('#allstar_sounding').children('option:selected').val();
$(".focusgroup").empty();
title = "";
if (soundingFile.includes(".html")) {
getHTMLSounding(soundingFile);
} else if (soundingFile.includes(".json")) {
dataParse(soundingFile);
}
loadedPreset = true;
undoArr = [];
redoArr = [];
$("#undo").prop("disabled", true);
$("#redo").prop("disabled", true);
}
var sounding = '';
function getHTMLSounding(filename) {
var dataRead = fetch(filename)
.then(response => response.blob())
.then(function(myBlob) {
const reader = new FileReader();
reader.readAsText(myBlob);
reader.onload = () => storeResults(reader.result);
});
undoArr = [];
redoArr = [];
$("#undo").prop("disabled", true);
$("#redo").prop("disabled", true);
}
function resetSounding() {
undoArr = [];
redoArr = [];
$("#undo").prop("disabled", true);
$("#redo").prop("disabled", true);
if (loadedFile) {
loadFile();
return;
}
if (loadedPreset) {
loadSounding();
return;
}
}
var undoArr = [];
var redoArr = [];
function undo() {
p = undoArr[0].index;
var redoObj = {
"index": p,
"press": tlinetest[0][0][p].press,
"temp": tlinetest[0][0][p].temp,
"dwpt": tlinetest[0][0][p].dwpt,
"wdir": tlinetest[0][0][p].wdir,
"wspd": tlinetest[0][0][p].wspd,
"wspdround": tlinetest[0][0][p].wspdround
}
redoArr.unshift(redoObj);
$("#redo").prop("disabled", false);
tlinetest[0][0][p].temp = undoArr[0].temp;
tlinetest[0][0][p].dwpt = undoArr[0].dwpt;
tlinetest[0][0][p].wspd = undoArr[0].wspd;
tlinetest[0][0][p].wdir = undoArr[0].wdir;
tlinetest[0][0][p].wspdround = undoArr[0].wspdround;
drawTephi();
drawText();
tabulate("editTable", columns, tlinetest[0][0],true);
undoArr.shift();
if (typeof undoArr[0] == 'undefined') {
$("#undo").prop("disabled", true);
}
}
function redo() {
p = redoArr[0].index;
undoObj = {
"index": p,
"press": tlinetest[0][0][p].press,
"temp": tlinetest[0][0][p].temp,
"dwpt": tlinetest[0][0][p].dwpt,
"wdir": tlinetest[0][0][p].wdir,
"wspd": tlinetest[0][0][p].wspd,
"wspdround": tlinetest[0][0][p].wspdround
}
undoArr.unshift(undoObj);
$("#undo").prop("disabled", false);
tlinetest[0][0][p].temp = redoArr[0].temp;
tlinetest[0][0][p].dwpt = redoArr[0].dwpt;
tlinetest[0][0][p].wspd = redoArr[0].wspd;
tlinetest[0][0][p].wdir = redoArr[0].wdir;
tlinetest[0][0][p].wspdround = redoArr[0].wspdround;
drawTephi();
drawText();
tabulate("editTable", columns, tlinetest[0][0],true);
redoArr.shift();
if (typeof redoArr[0] == 'undefined') {
$("#redo").prop("disabled", true);
}
}
//some constants from meted.ucar.edu/awips/validate
var R = 287.04; // J/Kg K--gas constant
var Cp = 1004; // J/Kg K--specific heat at constant pressure
var g = 9.80665;
var c5 = -0.37329638;
var c6 = 41.178204;
var c7 = 0.0015945203;
var c10 = 0.1419709;
var c11 = 20.746475;
var c12 = 6672.5713;
var c13 = .000036336427;
var T0 = 288.15;
var P0 = 1013.25;
var jsonObj;
var sdata = new Array();
var data_arr = [];
var filtered = [];
var title = '';
var labels = [];
var ppcl = 0;//pressure for parcel to be lifted
var tpcl = 0;//temp for parcel to be lifted (C)
var tdpcl = 0; //dewpoint for parcel to be lifted
var plcl = 0; //pres at LCL
var tlcl = 0; //temp at LCL
var plfc = -1; //pressure at LFC
var tlfc = 0; //temp at LFC
var pel = 0; //pressure at EL
var tel = 0; //tempC at EL
var thetae_lcl = 0;//theta-e at LCL
var pccl = 0; //pres at ccl - set in calcCCL()
var tccl = 0; //temp at ccl - set in calcCCL(), used by calcConvTemp()
var p_pcl100 = 0;//_parent.capeMC.ppcl
var t_pcl100 = 0;//_parent.capeMC.tpcl
var td_pcl100 = 0;//_parent.capeMC.tdpcl
var parcel_temp = 0;
var parcel_temp_array = new Array();
var pcl_t_arr = new Array();
var ml_pcl_t_arr = new Array();
var parcel_flag = 0;
var cin_parcelT = 0;
var cin_parcelT_array = new Array();
var cin_parcelT_below_LCL_array = new Array();
var pcl_cin_t_arr = new Array();
var pcl_cin_t_below_LCL_arr = new Array();
var bl_depth = 100;
var t500 = 0; //temp(C) at 500 mb
var ws500 = 0; //windspeed at 500 mb
var wd500 = 0; //wind direction at 500 mb
var t700 = 0; //temp at 700(C) mb
var td700 = 0; //dewpoint at 700(C)
var t850 = 0; //temp(C) at 850 mb
var td850 = 0; //dewpoint at 850(C)
var ws850 = 0; //windspeed at 850 mb
var wd850 = 0; //wind direction at 850 mb
var t1000 = 0; //temp(C) at 1000 mb
var td1000 = 0; //dewpoint at 1000(C)
var ws1000 = 0; //windspeed at 1000 mb
var wd1000 = 0; //wind direction at 1000 mb
var flag_1000 = 0;
var flag_850 = 0;
var flag_700 = 0;
var flag_500 = 0;
var tk = 0; //temp (K)
var tdk = 0; //dewpoint (K)
var p_sfc = 0;
var t_sfc = 0;
var td_sfc = 0;
var m = [30, 40, 30, 35], // m = margins[top, right, bottom, left]
width = 700 - m[1] - m[3],
height = 700 - m[0] - m[2];
var basep = 1045, // adjust these for the final alignment of pressure lines to the axes
topp = 60 // adjust these for the final alignment of pressure lines to the axes
// Modified MSC tephi test4
var t_span = 106;
var theta_span = 140;
var t_ll = -50; // These should be equal to ensure 1 slopes // -50 was nice but -52 looks better
var t_ul = t_ll - t_span;
var t_lr = t_ll + t_span;
var t_ur = t_ll;
var theta_ll = 220;
var theta_lr = theta_ll + theta_span;
var theta_ul = theta_lr;
var theta_ur = theta_ul + theta_span;
//calculated values for plotting lines on the graph
var dydtheta_l = height / (Math.log(theta_ul) - Math.log(theta_ll));
var dydtheta_r = height / (Math.log(theta_ur) - Math.log(theta_lr));
var dxdtheta_t = width / (Math.log(theta_ur) - Math.log(theta_ul));
var dxdtheta_b = width / (Math.log(theta_lr) - Math.log(theta_ll));
var dydtheta = (dydtheta_l + dydtheta_r)/2;
var dxdtheta = (dxdtheta_t + dxdtheta_b)/2;
var m_theta = -1 * dydtheta / dxdtheta;
var dydt_l = height / (t_ul - t_ll);
var dydt_r = height / (t_ur - t_lr);
var dxdt_t = width / (t_ul - t_ur);
var dxdt_b = width / (t_ll - t_lr);
var dydt = (dydt_l + dydt_r)/2;
var dxdt = (dxdt_t + dxdt_b)/2;
var m_temp = dydt / dxdt;
var rightLocate;
var rightLoc = [];
for (j=640; j>=0; j-=1) {
rightLocate = getTephiVals(width-70,j);
rightLoc.push(rightLocate);
}
function getTephiLoc(temp,theta) {
var b_theta = (Math.log(theta)-Math.log(theta_ll))*dydtheta;
var b_temp = (temp-t_ll)*dydt;
var xloc = (b_theta-b_temp)/(m_temp-m_theta);
var offset = (m_temp*xloc)+(temp-t_ll)*dydt; //offset from origin at lower left
var yloc = height - offset;
var press = getPress(temp,theta);
return([xloc, yloc, temp, theta, press])
}
function getTephiVals(xloc, yloc, press) {
var offset = height - yloc;
var temp = (offset - (m_temp*xloc))/dydt + t_ll;
var b_temp = (temp-t_ll)*dydt;
var b_theta = xloc*(m_temp-m_theta) + b_temp;
var theta = Math.pow(Math.E,b_theta/dydtheta+Math.log(theta_ll))
if (press) {
var pres = press;
} else {
var pres = getPress(temp,theta);
}
// var press = 400;
return ([temp, theta, pres, xloc, yloc])
}
/*Given a range Low to High and a percent this function
returns the value of the percent within the range.
Ex. findValue(0,50,50) Would return 25 - On a scale
from 0 to 50, 50% would be 25
*/
function findValue(Low, High, Percent) {
tempRange= High - Low;
tempValue=((Percent/100) * tempRange) + Low;
return tempValue;
}
/*Given a range Low to High and a Value this function
returns the percent of the value within the range.
Ex. getPercent(0,50,50) Would return 100 - On a scale
from 0 to 50, 50 would be 100%
*/
function getPercent(Low, High, Value) {
// console.log("== Start getPercent ==");
// console.log(Low,High,Value);
tempRange = High - Low;
adjustedValue = Value-Low;
percent = adjustedValue/tempRange*100;
// console.log(tempRange,adjustedValue,percent);
// console.log("== End getPercent ==");
return percent;
}
/*
function getXTephi(index, tFlag) {
if (tFlag == "dragDew") {
var theta = calcTheta(tlinetest[0][0][index].press,tlinetest[0][0][index].dwpt);
var b_theta = (Math.log(theta)-Math.log(theta_ll))*dydtheta;
var b_temp = (tlinetest[0][0][index].dwpt-t_ll)*dydt;
} else {
var b_theta = (Math.log(tlinetest[0][0][index].theta)-Math.log(theta_ll))*dydtheta;
var b_temp = (tlinetest[0][0][index].temp-t_ll)*dydt;
}
var xloc = (b_theta-b_temp)/(m_temp-m_theta);
return xloc
}
function getYTephi(xloc,index,tFlag) {
if (tFlag == "dragDew") {
var offset = (m_temp*xloc)+(tlinetest[0][0][index].dwpt-t_ll)*dydt; //offset from origin at lower left
} else {
var offset = (m_temp*xloc)+(tlinetest[0][0][index].temp-t_ll)*dydt; //offset from origin at lower left
}
var yloc = height - offset;
return yloc
}
*/
function getMyLow(my_y){
// percentage = ((y1 + height) - my_y)/height; // y1 doesn't seem correct
percentage = (height - my_y)/height;
t_lo = t_ll - ((t_ll - t_ul) * percentage);
return t_lo;
}
function getMyHigh(my_y){
// percentage = ((y1 + height)- my_y)/height; // y1 doesn't seem correct
percentage = (height - my_y)/height;
t_hi = t_lr - ((t_lr - t_ur) * percentage);
return t_hi;
}
function getPress(temp,theta) {
var temp = temp+273.15;
var p = 1000/Math.pow(theta/temp,Cp/R);
return p
}
var d2r = (Math.PI/180);
var tempSkew = 0;
var tan = Math.tan(tempSkew*d2r);
var plines = [1050,1000,925,850,700,600,500,400,300,200,100],
plabels = [1000,925,850,700,600,500,400,300,200,100],
pticks = [1000,925,900,850,800,750,700,650,600,550,500,450,400,350,300,250,200,150,100];
barbsize = 25;
// Scales and axes. Note the inverted domain for the y-scale: bigger is up!
var x = d3.scale.linear().range([0, width]).domain([t_ll-2,t_lr-2.5]), // this doesn't change the tephibg, just the axis label placement.
y = d3.scale.log().range([0, height]).domain([topp-26, basep+24]) // this doesn't change the tephibg, just the axis label placement.
r = d3.scale.linear().range([0,300]).domain([0,150]),
// y2 = d3.scale.linear(),
xAxis = d3.svg.axis().scale(x).tickSize(5,0).ticks(10).orient("bottom"),
yAxis = d3.svg.axis().scale(y).tickSize(0,0).tickValues(plabels)
.tickFormat(d3.format(".0d")).orient("left");
yAxis2 = d3.svg.axis().scale(y).tickSize(5,0).tickValues(pticks).orient("right"); // just for ticks
// various path generators
var line = d3.svg.line()
.interpolate("linear")
.x(function(d,i) { loc = getTephiLoc(d.temp,d.theta); return loc[0] })
.y(function(d,i) { loc = getTephiLoc(d.temp,d.theta); return loc[1] });
var line2 = d3.svg.line()
.interpolate("linear")
.x(function(d,i) { loc = getTephiLoc(d.dwpt,calcTheta(d.press,d.dwpt)); return loc[0] })
.y(function(d,i) { loc = getTephiLoc(d.dwpt,calcTheta(d.press,d.dwpt)); return loc[1] });
var hodoline = d3.svg.line.radial()
.radius(function(d) { return r(d.wspd); })
.angle(function(d) { return (d.wdir+180)*(Math.PI/180); });
// bisector function for tooltips
var bisectTemp = d3.bisector(function(d) { return d.press; }).left;
// create svg container for sounding
var svg = d3.select("div#mainbox").insert("svg", ":first-child")
.attr("width", width + m[1] + m[3])
.attr("height", height + m[0] + m[2])
.attr("id","box")
.append("g")
.attr("transform", "translate(" + m[3] + "," + m[0] + ")");
var titleText = d3.select("div#mainbox svg").append("svg").attr("class", "title").attr("width", 700).attr("height", 40).append("text").attr("class", "titleText");
// create svg container for hodograph
var svghodo = d3.select("div#hodobox").insert("svg",":first-child")
.attr("width", 360)
.attr("height", 300)
.append("g")
.attr("class","hodosvg")
.attr("transform", "translate(150,150)");
hodofocus = svghodo.append("g")
.attr("class","hodogroup")
.append("line")
.attr("class","focus hodarrow")
.attr("x1", "0")
.attr("y1", "0")
.attr("stroke-width","2")
.attr("marker-end","url(#arrowhead)")
.style("display","none");
d3.select(".hodogroup")
.append("circle")
.attr("r", "6px")
.attr("fill", "cyan")
.attr("stroke", "black")
.attr("opacity",".6")
.style("display", "none")
.attr("class", "focus hod");
makeBarbTemplates();
drawBackground();
drawTextLabels();
var tephigroup = svg.append("g").attr("class", "tephi"); // put tephi lines in this group
var barbgroup = svg.append("g").attr("class", "windbarb"); // put barbs in this group
var hodogroup = svghodo.append("g").attr("class", "hodo"); // put hodo stuff in this group
var membergroup = tephigroup.append("g").attr("class", "membergroup"); // put member lines in this group
var labelgroup = tephigroup.append("g").attr("class", "labelgroup"); // put labels in this group
var focusgroup = tephigroup.append("g").attr("class", "focusgroup"); // put focus dots in this group
var hodobarbstest = [];
dataParse('data_TOP.json'); // 2003 Jun 24 00Z
function dataParse(fileName) {
hodobarbstest = [], tlinetest = [], interpdots = [], barbstest = [], flattened = [];
var hr=0;
var temp = [], temp2 = [], temp3 = [];
var mem = 0;
if (fileName) {
d3.json(fileName, function(err, json) {
parseDataNew(json);
parsedCSV = alldata[mem][hr].filter(function(d) { return (d.temp > -1000 && d.dwpt > -1000); });
barbs = parsedCSV.filter(function(d) { return (d.wdir >= 0 && d.wspd >= 0 && d.press >= topp); });
hodobarbs = barbs.filter(function(d) { return (d.press >= topp); });
interpdot = interpobjects[hr + 49*mem];
temp.push(hodobarbs);
temp2.push(parsedCSV);
temp3.push(barbs);
interpdots.push(interpdot);
hodobarbstest.push(temp);
tlinetest.push(temp2);
barbstest.push(temp3);
// need this for dots for some reason
mouseoverdata = tlinetest[0][0].slice(0).reverse();
flattened = interpdots.reduce(function(a,b) { return a.concat(b); });
var startJ = height;
var startK = height;
for (i=0; i<tlinetest[0][0].length; i++){
var ixflag = 0;
var iyflag = 0;
for (j=startJ+50; j>=0; j-=.1) {
var rightLocate = getTephiVals(width,j);
if (rightLocate[2] <= tlinetest[0][0][i].press && !ixflag) {
tlinetest[0][0][i].yLocRight = rightLocate[4];
ixflag = 1;
}
if (ixflag) {
startJ = j;
break;
}
}
for (k=startK+50; k>=0; k-=.1) {
var leftLocate = getTephiVals(0,k);
if (leftLocate[2] <= tlinetest[0][0][i].press && !iyflag) {
tlinetest[0][0][i].yLocLeft = leftLocate[4];
iyflag = 1;
}
if (iyflag) {
startK = k;
break;
}
}
}
drawTephi();
drawText();
drawToolTips();
tabulate("editTable", columns, tlinetest[0][0],true);
});
} else {
alldata=[[sdata]];
parsedCSV = alldata[mem][hr].filter(function(d) { return (d.temp > -1000 && d.dwpt > -1000); });
barbs = parsedCSV.filter(function(d) { return (d.wdir >= 0 && d.wspd >= 0 && d.press >= topp); });
hodobarbs = barbs.filter(function(d) { return (d.press >= topp); });
var hAGL;
var test = [];
interpobjects = [];
test.push(parsedCSV[0]);
for (j=1; j< requestedLevels.length; j++) {
hAGL = requestedLevels[j]*1000+parsedCSV[0].hght;
for (i=1; i<parsedCSV.length; i++) {
if (parsedCSV[i].hght > hAGL) {
var interp = d3.interpolateObject(parsedCSV[i-1],parsedCSV[i]);
var half = interp(1-(hAGL - parsedCSV[i].hght)/(parsedCSV[i-1].hght - parsedCSV[i].hght));
test.push(half);
break;
}
};
};
interpobjects.push(test);
interpdot = interpobjects[hr + 49*mem];
temp.push(hodobarbs);
temp2.push(parsedCSV);
temp3.push(barbs);
interpdots.push(interpdot);
hodobarbstest.push(temp);
tlinetest.push(temp2);
barbstest.push(temp3);
// need this for dots for some reason
mouseoverdata = tlinetest[0][0].slice(0).reverse();
flattened = interpdots.reduce(function(a,b) { return a.concat(b); });
for (i=0; i<tlinetest[0][0].length ; i++) {
if (i==0) {
var height0 = tlinetest[0][0][0].hght;
}
tlinetest[0][0][i].hghtagl = tlinetest[0][0][i].hght - height0;
}
var start = height
for (i=0; i<tlinetest[0][0].length; i++){
var ixflag = 0;
var iyflag = 0;
for (j=start+50; j>=0; j-=.1) {
var rightLocate = getTephiVals(width,j);
var leftLocate = getTephiVals(0,j);
if (rightLocate[2] <= tlinetest[0][0][i].press && !ixflag) {
tlinetest[0][0][i].yLocRight = rightLocate[4];
ixflag = 1;
}
if (leftLocate[2] <= tlinetest[0][0][i].press && !iyflag) {
tlinetest[0][0][i].yLocLeft = leftLocate[4];
iyflag = 1;
}
if (ixflag && iyflag) {
start = j;
break;
}
}
}
d3.selectAll("g.focusgroup > *").remove();
d3.selectAll("g.membergroup > *").remove();
d3.selectAll("g.labelgroup > *").remove();
d3.selectAll("g.windbarb > *").remove();
d3.selectAll("g.hodo > *").remove();
makeBarbTemplates();
drawTephi();
drawText();
drawToolTips();
tabulate("editTable", columns, tlinetest[0][0],true);
}
}
function interpDots(data) {
var hAGL;
var test = [];
var interpdot = [];
interpdots = [];
interpobjects = [];
flattened = [];
test.push(data[0][0][0]);
for (j=1; j< requestedLevels.length; j++) {
hAGL = requestedLevels[j]*1000+data[0][0][0].hght;
for (i=1; i<data[0][0].length; i++) {
if (data[0][0][i].hght > hAGL) {
var interp = d3.interpolateObject(data[0][0][i-1],data[0][0][i]);
var half = interp(1-(hAGL - data[0][0][i].hght)/(data[0][0][i-1].hght - data[0][0][i].hght));
test.push(half);
break;