-
Notifications
You must be signed in to change notification settings - Fork 0
/
landing_gva.html
112 lines (112 loc) · 10.9 KB
/
landing_gva.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<style>body{background-color:white;}</style>
<script src="lib/htmlwidgets-1.6.2/htmlwidgets.js"></script>
<script src="lib/jquery-3.5.1/jquery.min.js"></script>
<script src="lib/proj4js-2.3.15/proj4.js"></script>
<link href="lib/highcharts-10.2.0/css/motion.css" rel="stylesheet" />
<script src="lib/highcharts-10.2.0/highcharts.js"></script>
<script src="lib/highcharts-10.2.0/highcharts-3d.js"></script>
<script src="lib/highcharts-10.2.0/highcharts-more.js"></script>
<script src="lib/highcharts-10.2.0/modules/stock.js"></script>
<script src="lib/highcharts-10.2.0/modules/map.js"></script>
<script src="lib/highcharts-10.2.0/modules/accessibility.js"></script>
<script src="lib/highcharts-10.2.0/modules/data.js"></script>
<script src="lib/highcharts-10.2.0/modules/exporting.js"></script>
<script src="lib/highcharts-10.2.0/modules/offline-exporting.js"></script>
<script src="lib/highcharts-10.2.0/modules/drilldown.js"></script>
<script src="lib/highcharts-10.2.0/modules/item-series.js"></script>
<script src="lib/highcharts-10.2.0/modules/overlapping-datalabels.js"></script>
<script src="lib/highcharts-10.2.0/modules/annotations.js"></script>
<script src="lib/highcharts-10.2.0/modules/export-data.js"></script>
<script src="lib/highcharts-10.2.0/modules/funnel.js"></script>
<script src="lib/highcharts-10.2.0/modules/heatmap.js"></script>
<script src="lib/highcharts-10.2.0/modules/treemap.js"></script>
<script src="lib/highcharts-10.2.0/modules/sankey.js"></script>
<script src="lib/highcharts-10.2.0/modules/dependency-wheel.js"></script>
<script src="lib/highcharts-10.2.0/modules/organization.js"></script>
<script src="lib/highcharts-10.2.0/modules/solid-gauge.js"></script>
<script src="lib/highcharts-10.2.0/modules/streamgraph.js"></script>
<script src="lib/highcharts-10.2.0/modules/sunburst.js"></script>
<script src="lib/highcharts-10.2.0/modules/vector.js"></script>
<script src="lib/highcharts-10.2.0/modules/wordcloud.js"></script>
<script src="lib/highcharts-10.2.0/modules/xrange.js"></script>
<script src="lib/highcharts-10.2.0/modules/tilemap.js"></script>
<script src="lib/highcharts-10.2.0/modules/venn.js"></script>
<script src="lib/highcharts-10.2.0/modules/gantt.js"></script>
<script src="lib/highcharts-10.2.0/modules/timeline.js"></script>
<script src="lib/highcharts-10.2.0/modules/parallel-coordinates.js"></script>
<script src="lib/highcharts-10.2.0/modules/bullet.js"></script>
<script src="lib/highcharts-10.2.0/modules/coloraxis.js"></script>
<script src="lib/highcharts-10.2.0/modules/dumbbell.js"></script>
<script src="lib/highcharts-10.2.0/modules/lollipop.js"></script>
<script src="lib/highcharts-10.2.0/modules/series-label.js"></script>
<script src="lib/highcharts-10.2.0/modules/boost-canvas.js"></script>
<script src="lib/highcharts-10.2.0/plugins/motion.js"></script>
<script src="lib/highcharts-10.2.0/custom/reset.js"></script>
<script src="lib/highcharts-10.2.0/modules/boost.js"></script>
<script src="lib/highchart-binding-0.9.4.9001/highchart.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/admin-lte@3.1/dist/css/adminlte.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/admin-lte@3.1/dist/js/adminlte.min.js" crossorigin="anonymous"></script>
<title>Creative economic contribution overview</title>
<meta property="article:published_time" content="2024-07-22T15:10:40"/>
<link rel="stylesheet" href="style.css"/>
<script>window.addEventListener('DOMContentLoaded', (event) => {
var charts = Highcharts.charts;
var dt_event = new CustomEvent("eventDT", { detail: 'chart data table clicked' });
for (var i = 0; i < charts.length; i++) {
Highcharts.addEvent(charts[i], 'aftergetTableAST', function(e) {
window.parent.document.dispatchEvent(dt_event);
console.log('#' + e.tree.id + ' td.highcharts-number');
setTimeout(function(){
$('#' + e.tree.id + ' td.highcharts-number').each(function() { $(this).html(parseFloat($(this).text()).toLocaleString())});
var close = $( "li:contains('Hide data table'):hidden" );
close.click(function(e){
console.log('close table menu clicked');
window.parent.document.dispatchEvent(dt_event);
});
}, 300);
});
}
});
</script>
</head>
<body>
<div class="tourism" style="width: 100%;">
<div class="grid grid-pad">
<figure>
<figcaption hidden="hidden">
<strong id="gross-value-add-caption">gross-value-add</strong>
<br/>
<span id="gross-value-add-summary">Creative economic contribution to the Victorian economy for the financial year ending 2023.</span>
</figcaption>
<div id="gross-value-add" aria-labelledby="gross-value-add-caption" aria-describedby="gross-value-add-summary" class="margin-mimic" style="background: #61C2EE;padding:1em;border-radius: 24px;color:#1D184B;">
<div class="row">
<div class="col-12" style="font-size:3em;font-family:VIC-Bold;color:#92278F;text-align:right;margin-bottom:-30px;padding-right:10%;">economic contribution</div>
</div>
<div class="row">
<div class="col-12">
<div style="font-size:25vw;font-family:VIC-Bold;text-align:center;white-space: nowrap;width:100%;height:29vw;"><span><span style="font-size:60%;color:#92278F;">$</span>40.3<span style="font-size:60%;color:#92278F;">B</span></span></div>
</div>
</div>
<div class="row" style="min-height:30px;">
<div id="htmlwidget-7ed2ae9e290c6ffba6ed" style="width:100%;height:80px;" class="highchart html-widget "></div>
<script type="application/json" data-for="htmlwidget-7ed2ae9e290c6ffba6ed">{"x":{"hc_opts":{"chart":{"reflow":true,"height":80},"title":{"text":null},"yAxis":{"title":{"text":["round","gva_total/1000","1"]},"type":"linear","min":20},"credits":{"enabled":false},"exporting":{"enabled":false},"boost":{"enabled":false},"plotOptions":{"series":{"label":{"enabled":false},"turboThreshold":0,"showInLegend":false,"pointPlacement":"on"},"treemap":{"layoutAlgorithm":"squarified"},"scatter":{"marker":{"symbol":"circle"}}},"series":[{"group":"group","data":[{"fy_start":2016,"date":"2016-01-01","gva_cc":19684,"gva_embed":10612,"gva_total":30296.0099444862,"gva_cc_growth_1yr":7.6,"fy":"2016-17","x":2016,"y":30.3},{"fy_start":2017,"date":"2017-01-01","gva_cc":21116,"gva_embed":10841,"gva_total":31956.1838137295,"gva_cc_growth_1yr":5.5,"fy":"2017-18","x":2017,"y":32},{"fy_start":2018,"date":"2018-01-01","gva_cc":22908,"gva_embed":11739,"gva_total":34646.9193618445,"gva_cc_growth_1yr":8.4,"fy":"2018-19","x":2018,"y":34.6},{"fy_start":2019,"date":"2019-01-01","gva_cc":22827,"gva_embed":11891,"gva_total":34718.2153229501,"gva_cc_growth_1yr":0.2,"fy":"2019-20","x":2019,"y":34.7},{"fy_start":2020,"date":"2020-01-01","gva_cc":24299,"gva_embed":12328,"gva_total":36626.9285267552,"gva_cc_growth_1yr":5.5,"fy":"2020-21","x":2020,"y":36.6},{"fy_start":2021,"date":"2021-01-01","gva_cc":25684,"gva_embed":13930,"gva_total":39613.9145087403,"gva_cc_growth_1yr":8.2,"fy":"2021-22","x":2021,"y":39.6},{"fy_start":2022,"date":"2022-01-01","gva_cc":26530,"gva_embed":13795,"gva_total":40325.4108076105,"gva_cc_growth_1yr":1.8,"fy":"2022-23","x":2022,"y":40.3}],"type":"area","name":"Economic contribution"}],"xAxis":{"type":"linear","title":{"text":"fy_start"},"categories":null},"tooltip":{"valuePrefix":"$","valueSuffix":"B"}},"theme":{"chart":{"backgroundColor":null,"margins":[0,0,0,0],"spacingTop":0,"spacingRight":0,"spacingBottom":0,"spacingLeft":0,"plotBorderWidth":0,"borderWidth":0,"style":{"overflow":"visible"}},"xAxis":{"visible":false,"endOnTick":false,"startOnTick":false},"yAxis":{"visible":false,"endOnTick":false,"startOnTick":false},"tooltip":{"outside":false,"shadow":false,"borderColor":"transparent","borderWidth":0,"backgroundColor":"transparent","style":{"textOutline":"3px #f5ecdf"}},"plotOptions":{"series":{"marker":{"enabled":true},"lineWidth":4,"shadow":false,"fillOpacity":0.25,"color":"#92278F","fillColor":{"linearGradient":{"x1":0,"y1":1,"x2":0,"y2":0},"stops":[[0,"#FFFFFF00"],[0.5,"#FFFFFF7F"],[1,"#FFFFFFFF"]]}}},"credits":{"enabled":false,"text":""}},"conf_opts":{"global":{"Date":null,"VMLRadialGradientURL":"http =//code.highcharts.com/list(version)/gfx/vml-radial-gradient.png","canvasToolsURL":"http =//code.highcharts.com/list(version)/modules/canvas-tools.js","getTimezoneOffset":null,"timezoneOffset":0,"useUTC":true},"lang":{"contextButtonTitle":"Chart context menu","decimalPoint":".","downloadCSV":"Download CSV","downloadJPEG":"Download JPEG image","downloadPDF":"Download PDF document","downloadPNG":"Download PNG image","downloadSVG":"Download SVG vector image","downloadXLS":"Download XLS","drillUpText":"◁ Back to {series.name}","exitFullscreen":"Exit from full screen","exportData":{"annotationHeader":"Annotations","categoryDatetimeHeader":"DateTime","categoryHeader":"Category"},"hideData":"Hide data table","invalidDate":null,"loading":"Loading...","months":["January","February","March","April","May","June","July","August","September","October","November","December"],"noData":"No data to display","numericSymbolMagnitude":1000,"numericSymbols":["k","M","G","T","P","E"],"printChart":"Print chart","resetZoom":"Reset zoom","resetZoomTitle":"Reset zoom level 1:1","shortMonths":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"shortWeekdays":["Sat","Sun","Mon","Tue","Wed","Thu","Fri"],"thousandsSep":" ","viewData":"View data table","viewFullscreen":"View in full screen","weekdays":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]}},"type":"chart","fonts":[],"google_fonts":false,"debug":false},"evals":[],"jsHooks":[]}</script>
</div>
<div class="row">
<div class="col-12">
<div style="font-size:1.5em;font-family:VIC-Regular;text-align:left;min-height:30px;padding-left:20%;padding-right:15%;padding-top:30px;">Creative economic contribution to the Victorian economy for the financial year ending 2023.</div>
<div style="font-size:0.8em;font-family:VIC-Light;text-align:right;min-height:30px;padding-left:20%;padding-right:15%;padding-top:15px;">Source: Australian Bureau of Statistics, National Institute of Economic and Industry Research, Creative Victoria.</div>
</div>
</div>
</div>
</figure>
</div>
</div>
</body>
</html>