forked from bryanvdelft/fe3-assessment-2
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
33 lines (32 loc) · 1.45 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Wanbetalers 2016 @danoszz</title>
<!--Prevent favicon error from showing up-->
<!-- <link rel="shortcut icon" type=image/x-icon href=data:image/x-icon;,> -->
<link rel="icon" type="image/png" href="assets/images/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="assets/images/favicon-16x16.png" sizes="16x16" />
<link rel="stylesheet" type="text/css" href="styles/normalize.css">
<link rel="stylesheet" type="text/css" href="styles/styles.css">
</head>
<body>
<header>
<section class="info">
<h1>Kenmerken wanbetalers Zorgverzekering </h1>
<p>Een data visualisatie van het de wantbetalers op geslacht, leeftijd en herkomst. De data is gemeten op 31 december 2016 op de Nederlandse bevolking. Klik op de visualisatie en ontdek meerdere groeperingen. </p>
</section>
<section class="legend">
<p class="legend--source">Bron: <a href="https://www.cbs.nl/nl-nl/maatwerk/2017/38/kenmerken-wanbetalers-zorgverzekering-2016--1--">Centraal Bureau Statistiek</a></p>
</section>
</header>
<main>
<svg width="640" height="640"></svg>
</main>
<!-- Based on https://bl.ocks.org/mbostock/7882658 -->
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="scripts/index.js"></script>
</body>
</html>