harsh
/
privacy-policy-dashboard


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
							<!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 purposes" }
                            },
                            {
                                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" }
            //         }
            //     ]
            // }
        ]
    }
};

$(document).ready(function() {
    new Treant(simple_chart_config);
});
</script>
</body>
</html>