-
Notifications
You must be signed in to change notification settings - Fork 0
/
landing_business.html
112 lines (112 loc) · 10.1 KB
/
landing_business.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 Business Overview</title>
<meta property="article:published_time" content="2024-08-06T17:52:35"/>
<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="businesses-caption">businesses</strong>
<br/>
<span id="businesses-summary">Number of Victorian creative businesses in the financial year ending 2023.</span>
</figcaption>
<div id="businesses" aria-labelledby="businesses-caption" aria-describedby="businesses-summary" class="margin-mimic" style="background: #0E4E96;padding:1em;border-radius: 24px;color:white;">
<div class="row">
<div class="col-12" style="font-size:3em;font-family:VIC-Bold;color:#72BF44;text-align:right;margin-bottom:-30px;padding-right:10%;">businesses</div>
</div>
<div class="row">
<div class="col-12">
<div style="font-size:20vw;font-family:VIC-Bold;text-align:center;white-space: nowrap;width:100%;height:24vw;"><span>47,993</span></div>
</div>
</div>
<div class="row" style="min-height:30px;">
<div id="htmlwidget-2fa9c168584e782decca" style="width:100%;height:80px;" class="highchart html-widget "></div>
<script type="application/json" data-for="htmlwidget-2fa9c168584e782decca">{"x":{"hc_opts":{"chart":{"reflow":true,"height":80},"title":{"text":null},"yAxis":{"title":{"text":"businesses"},"type":"linear","min":37000},"credits":{"enabled":false},"exporting":{"enabled":false},"boost":{"enabled":false},"plotOptions":{"series":{"label":{"enabled":false},"turboThreshold":0,"showInLegend":false},"treemap":{"layoutAlgorithm":"squarified"},"scatter":{"marker":{"symbol":"circle"}}},"series":[{"group":"group","data":[{"year":2012,"businesses":39497,"x":2012,"y":39497},{"year":2013,"businesses":37772,"x":2013,"y":37772},{"year":2014,"businesses":38863,"x":2014,"y":38863},{"year":2015,"businesses":38907,"x":2015,"y":38907},{"year":2016,"businesses":39445,"x":2016,"y":39445},{"year":2017,"businesses":40273,"x":2017,"y":40273},{"year":2018,"businesses":41363,"x":2018,"y":41363},{"year":2019,"businesses":42762,"x":2019,"y":42762},{"year":2020,"businesses":43360,"x":2020,"y":43360},{"year":2021,"businesses":45010,"x":2021,"y":45010},{"year":2022,"businesses":48618,"x":2022,"y":48618},{"year":2023,"businesses":47993,"x":2023,"y":47993}],"type":"area","name":"Businesses"}],"xAxis":{"type":"linear","title":{"text":"year"},"categories":null}},"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":"#EE2C72","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;">Number of Victorian creative businesses in 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, Creative Victoria.</div>
</div>
</div>
</div>
</figure>
</div>
</div>
</body>
</html>