-
Notifications
You must be signed in to change notification settings - Fork 0
/
landing_growth.html
112 lines (112 loc) · 12.4 KB
/
landing_growth.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>Change in Creative Measures</title>
<meta property="article:published_time" content="2024-04-12T05:02:36"/>
<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="growth-chart-caption">growth-chart</strong>
<br/>
<span id="growth-chart-summary">Percentage change across financial year. Employment data has been annualised by financial year so measures can be compared.</span>
</figcaption>
<div id="growth-chart" aria-labelledby="growth-chart-caption" aria-describedby="growth-chart-summary" class="margin-mimic" style="background: #E7f6FC;padding:1em;border-radius: 24px;color:#1D184B;">
<div class="row">
<div class="col-12" style="font-size:3em;font-family:VIC-Bold;color:#1D184B;text-align:right;margin-bottom:-30px;padding-right:10%;">change in creative measures</div>
</div>
<div class="row">
<div class="col-12">
<div style="font-size:2vw;font-family:VIC-Bold;text-align:center;white-space: nowrap;width:100%;height:6vw;"></div>
</div>
</div>
<div class="row" style="min-height:30px;">
<div id="htmlwidget-8d52fafcbbb2cf7f0470" style="width:100%;height:350px;" class="highchart html-widget "></div>
<script type="application/json" data-for="htmlwidget-8d52fafcbbb2cf7f0470">{"x":{"hc_opts":{"chart":{"reflow":true,"height":350},"title":{"text":null},"yAxis":{"title":{"text":""},"type":"linear","labels":{"format":"{text}%"}},"credits":{"enabled":false},"exporting":{"enabled":false},"boost":{"enabled":false},"plotOptions":{"series":{"label":{"enabled":false},"turboThreshold":0,"showInLegend":true},"treemap":{"layoutAlgorithm":"squarified"},"scatter":{"marker":{"symbol":"circle"}},"column":{"borderColor":"#E7f6FC"}},"series":[{"name":"Creative employment","data":[{"fy_start":2016,"stat":"Creative employment","annual_growth":5.80223015388197,"fy":"2016-17","y":5.8,"name":"2016-17"},{"fy_start":2017,"stat":"Creative employment","annual_growth":7.07129960772443,"fy":"2017-18","y":7.1,"name":"2017-18"},{"fy_start":2018,"stat":"Creative employment","annual_growth":10.4599213200412,"fy":"2018-19","y":10.5,"name":"2018-19"},{"fy_start":2019,"stat":"Creative employment","annual_growth":0.93462129875479,"fy":"2019-20","y":0.9,"name":"2019-20"},{"fy_start":2020,"stat":"Creative employment","annual_growth":2.74397446729473,"fy":"2020-21","y":2.7,"name":"2020-21"},{"fy_start":2021,"stat":"Creative employment","annual_growth":2.33502616792478,"fy":"2021-22","y":2.3,"name":"2021-22"}],"type":"column"},{"name":"Creative economic contribution","data":[{"fy_start":2016,"stat":"Creative economic contribution","annual_growth":7.65469558130845,"fy":"2016-17","y":7.7,"name":"2016-17"},{"fy_start":2017,"stat":"Creative economic contribution","annual_growth":5.77087596284855,"fy":"2017-18","y":5.8,"name":"2017-18"},{"fy_start":2018,"stat":"Creative economic contribution","annual_growth":8.69954471033236,"fy":"2018-19","y":8.7,"name":"2018-19"},{"fy_start":2019,"stat":"Creative economic contribution","annual_growth":1.14704314655041,"fy":"2019-20","y":1.1,"name":"2019-20"},{"fy_start":2020,"stat":"Creative economic contribution","annual_growth":5.67225163072049,"fy":"2020-21","y":5.7,"name":"2020-21"},{"fy_start":2021,"stat":"Creative economic contribution","annual_growth":5.82247355416934,"fy":"2021-22","y":5.8,"name":"2021-22"}],"type":"column"},{"name":"Creative businesses","data":[{"fy_start":2016,"stat":"Creative businesses","annual_growth":2.09999999999999,"fy":"2016-17","y":2.1,"name":"2016-17"},{"fy_start":2017,"stat":"Creative businesses","annual_growth":2.7,"fy":"2017-18","y":2.7,"name":"2017-18"},{"fy_start":2018,"stat":"Creative businesses","annual_growth":3.40000000000001,"fy":"2018-19","y":3.4,"name":"2018-19"},{"fy_start":2019,"stat":"Creative businesses","annual_growth":1.40000000000001,"fy":"2019-20","y":1.4,"name":"2019-20"},{"fy_start":2020,"stat":"Creative businesses","annual_growth":3.8,"fy":"2020-21","y":3.8,"name":"2020-21"},{"fy_start":2021,"stat":"Creative businesses","annual_growth":8,"fy":"2021-22","y":8,"name":"2021-22"}],"type":"column"}],"xAxis":{"type":"category","title":{"text":""}},"tooltip":{"valueSuffix":"%"},"colors":["#1D184B","#61C2EE","#0E4E96"]},"theme":{"chart":{"backgroundColor":null},"title":{"align":"left","style":{"color":"#1D184B","fontFamily":"VIC-Regular","font-weight":"bold","font-size":"2rem","background-color":"#1D184B"}},"subtitle":{"align":"left","style":{"color":"#1D184B","fontFamily":"VIC-Regular","font-size":"var(--bs-body-font-size)"}},"legend":{"itemStyle":{"fontFamily":"VIC-Regular","color":"#1D184B"},"itemHoverStyle":{"color":"gray"}},"xAxis":{"labels":{"style":{"color":"#1D184B","fontFamily":"VIC-Light","font-size":"11px"}},"title":{"align":"high","style":{"color":"#1D184B","font-size":"11px"}},"lineWidth":1,"lineColor":"#1D184B","tickPosition":"outside","tickColor":"#1D184B","tickWidth":1,"tickLength":4},"yAxis":{"labels":{"useHTML":true,"style":{"color":"#1D184B","fontFamily":"VIC-Light","font-size":"11px"},"y":5},"title":{"align":"high","style":{"color":"#1D184B","font-size":"11px"}},"minorGridLineWidth":0,"majorGridLineWidth":1,"lineWidth":0,"lineColor":"transparent","opposite":false},"caption":{"style":{"color":"#1D184B"}},"series":{"line":{"lineWidth":4},"spline":{"lineWidth":4},"area":{"lineWidth":4,"fillOpacity":0.4,"marker":{"enabled":false,"symbol":"circle","radius":2,"states":{"hover":{"enabled":true}}}}}},"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":["VIC-Regular","VIC-Light"],"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;">Percentage change across financial year. Employment data has been annualised by financial year so measures can be compared.</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>