forked from RDeconomist/RDeconomist.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprices.html
135 lines (89 loc) · 4.23 KB
/
prices.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
<!DOCTYPE html>
<head>
<!-- START ANALYTICS -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<!-- This stuff provided by Google from the Admin page of Analysics account -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-JP82FVH378"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-JP82FVH378');
</script>
<!-- END ANALYTICS -->
<!--Meta stuff-->
<meta charset="utf-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!--Facebook meta - this comes up when you post a link to the site-->
<meta property="og:title" content="40 million UK prices">
<meta property="og:description" content="A dashboard of micro data, 1988-2022. Open source and updated monthly.">
<meta property="og:image" content="images/prices.PNG">
<meta property="og:url" content="http://www.rapidcharts.io/prices">
<!--Favicon-->
<link rel="icon" href="icon-small.PNG">
<link rel="shortcut icon" href="icon.PNG" />
<link rel="apple-touch-icon" href="icon.PNG" />
<!--Title - this is the bit that comes up in the tab-->
<title>UK prices</title>
<!-- RESOURCES TO ADD TO THE PAGE -->
<!--Main Stylesheet-->
<link rel="stylesheet" href="css/prices.css">
<!--Icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--The next three lines allow the Vega embed-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<!-- jquery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<!-- heading for page-->
<div class="wrap">
<h1><span style="background: linear-gradient(to right, #ffff0b, #af0236);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent">ukprices</span></h1>
<span style="display:block; height: 10px;"></span>
<!-- DIV FOR THE VISUALISATION -->
<div id="chart1"></div>
</div>
<!-- CONDITIONAL SCRIPT TO EMBED BASED ON SCREEN WIDTH -->
<script>
// Find the current screen width:
let width = screen.width;
// Use an if function to pick the approprite visualisation:
if (width > 950) {
prices1 = "charts/ONSinflation/distributionsPerrenials_DarkWide.json";
} else if (width > 450) {
prices1 = "charts/ONSinflation/distributionsPerrenials_DarkMedium.json";
} else {
prices1 = "charts/ONSinflation/distributionsPerrenials_DarkNarrow.json";
}
// Now embed the chart, which will vary based on screen width:
vegaEmbed('#chart1', prices1, {"actions": false});
</script>
<!-- END - CONDITIONAL SCRIPT TO EMBED BASED ON SCREEN WIDTH -->
<!--/////////////////////////////////////END SECTION - SPECIFIC TO THIS PAGE - LONG LIST OF RESOURCES//////////////////////////-->
<div class="footer-dark">
<footer>
<div class="container">
<div class="footer-finalrow">
<h3>Rapid Charts</h3>
<p>Automated and interactive data analysis.</p> </div>
<div class="col item social">
<a href="https://www.economicsobservatory.com" class="fa fa-university"></a>
<a href="https://twitter.com/RD_Economist" class="fa fa-twitter"></a>
<a href="https://www.instagram.com/rapidcharts" class="fa fa-instagram"></a>
<a href="https://www.linkedin.com/in/rd-economist" class="fa fa-linkedin"></a>
</div>
</div>
<p class="copyright">Richard Davies © 2021</p>
</div>
</footer>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.bundle.min.js"></script>
</body>
</html>