123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <title>Privacy Policy</title>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
- <link rel='stylesheet prefetch' href='https://fperucic.github.io/treant-js/Treant.css'>
- <body>
-
- <div>
- <div id="metadata" style="height: 1500px; margin: 5px; width: auto;"> </div>
- </div>
- <script src="https://fperucic.github.io/treant-js/Treant.js"></script>
- <script src="https://fperucic.github.io/treant-js/vendor/raphael.js"></script>
- <script type="text/javascript">
- var simple_chart_config = {
- chart: {
- container: "#metadata",
- rootOrientation: "WEST",
- levelSeparation: 50,
- siblingSeparation: 25,
- subTeeSeparation: 25,
- connectors: {
- // type: "step",
- style: {
- "stroke-width": 2
- }
- },
- },
- connectors: {
- type: "straight",
- style: {
- "stroke-width": 2,
- "stroke": "#ccc"
- }
- },
- nodeStructure: {
- text: { name: "Policy" },
- children: [
- {
- text: { name: "Data Collection" },
- children: [
- {
- text: { name: "source" },
- children: [
- {
- text: { name: "Data Subject" },
- },
- {
- text: { name: "Third Party" },
- },
- ]
- },
- {
- text: { name: "legal basis" },
- children: [
- {
- text: { name: "legitimate interest" }
- },
- {
- text: { name: "opt-in/voluntary" }
- }
- ]
- },
- {
- text: { name: "collection mechanism" },
- children: [
- {
- text: { name: "given by user" }
- },
- {
- text: { name: "automatic" }
- }
- ]
- }
- ]
- },
- {
- text: { name: "Data Usage" },
- children: [
- {
- text: { name: "provide security" }
- },
- {
- text: { name: "legal obligations" }
- },
- {
- text: { name: "for Services" },
- children: [
- {
- text: { name: "develop" }
- },
- {
- text: { name: "provide" }
- },
- {
- text: { name: "improve" }
- }
- ]
- },
- {
- text: { name: "analytics" }
- },
- {
- text: { name: "marketing" }
- },
- {
- text: { name: "Payments Controller" }
- }
- ]
- },
- {
- text: { name: "Data Sharing" },
- children: [
- {
- text: { name: "choice" },
- children: [
- {
- text: { name: "given consent" },
- },
- {
- text: { name: "legitimate interest"}
- }
- ]
- },
- {
- text: { name: "party" },
- children: [
- {
- text: { name: "other users" }
- },
- {
- text: { name: "public profile" }
- },
- {
- text: { name: "third-party"},
- children: [
- {
- text: { name: "selected by Host" }
- },
- {
- text: { name: "business partners" }
- }
- ]
- }
- ]
- }
- ]
- }
- ]
- }
- };
- $(document).ready(function() {
- new Treant(simple_chart_config);
- });
- </script>
- </body>
- </html>
|