1- document . addEventListener ( "DOMContentLoaded" , function ( ) {
2- const lineChart = document . getElementById ( "line-chart" ) ;
3- const heatmapChart = document . getElementById ( "heatmap-chart" ) ;
4- const boxplotChart = document . getElementById ( "boxplot-chart" ) ;
5- const regionFilterPanel = document . getElementById ( "region-filter-panel" ) ;
6- const legendPanel = document . getElementById ( "legend-panel" ) ;
7-
8- if ( lineChart ) {
9- lineChart . innerHTML = `
10- <div style="font-size:1.8rem; text-align:center; padding:4rem;">
11- Line chart will go here
12- </div>
13- ` ;
14- }
15-
16- if ( heatmapChart ) {
17- heatmapChart . innerHTML = `
18- <div style="font-size:1.4rem; text-align:center; padding:2rem;">
19- Heatmap will go here
20- </div>
21- ` ;
22- }
23-
24- if ( boxplotChart ) {
25- boxplotChart . innerHTML = `
26- <div style="font-size:1.4rem; text-align:center; padding:2rem;">
27- Boxplot will go here
28- </div>
29- ` ;
30- }
31-
32- if ( regionFilterPanel ) {
33- regionFilterPanel . innerHTML = `
34- <div style="font-size:1.4rem; text-align:center; padding:2rem;">
35- Region filter will go here
36- </div>
37- ` ;
38- }
39-
40- if ( legendPanel ) {
41- legendPanel . innerHTML = `
42- <div style="font-size:1.4rem; text-align:center; padding:2rem;">
43- Legend / tooltip info will go here
44- </div>
45- ` ;
46- }
1+ document . addEventListener ( "DOMContentLoaded" , function ( ) {
2+ const lineChart = document . getElementById ( "line-chart" ) ;
3+ const heatmapChart = document . getElementById ( "heatmap-chart" ) ;
4+ const boxplotChart = document . getElementById ( "boxplot-chart" ) ;
5+ const regionFilterPanel = document . getElementById ( "region-filter-panel" ) ;
6+ const legendPanel = document . getElementById ( "legend-panel" ) ;
7+
8+ if ( lineChart ) {
9+ lineChart . innerHTML = `
10+ <div style="font-size:1.8rem; text-align:center; padding:4rem;">
11+ Line chart will go here
12+ </div>
13+ ` ;
14+ }
15+
16+ if ( heatmapChart ) {
17+ heatmapChart . innerHTML = `
18+ <div style="font-size:1.4rem; text-align:center; padding:2rem;">
19+ Heatmap will go here
20+ </div>
21+ ` ;
22+ }
23+
24+ if ( boxplotChart ) {
25+ boxplotChart . innerHTML = `
26+ <div style="font-size:1.4rem; text-align:center; padding:2rem;">
27+ Boxplot will go here
28+ </div>
29+ ` ;
30+ }
31+
32+ if ( regionFilterPanel ) {
33+ regionFilterPanel . innerHTML = `
34+ <div style="font-size:1.4rem; text-align:center; padding:2rem;">
35+ Region filter will go here
36+ </div>
37+ ` ;
38+ }
39+
40+ if ( legendPanel ) {
41+ legendPanel . innerHTML = `
42+ <div style="font-size:1.4rem; text-align:center; padding:2rem;">
43+ Legend / tooltip info will go here
44+ </div>
45+ ` ;
46+ }
4747} ) ;
0 commit comments