DifferentialPrivacy/WhiteQuery.html at master · atockar/DifferentialPrivacy · GitHub

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

 <!DOCTYPE html>
<html>
<head>
<!--
 - Copyright 2014 Neustar, Inc.
 -
 - Licensed under the Apache License, Version 2.0 (the "License");
 - you may not use this file except in compliance with the License.
 - You may obtain a copy of the License at
 -
 -     http://www.apache.org/licenses/LICENSE-2.0
 -
 - Unless required by applicable law or agreed to in writing, software
 - distributed under the License is distributed on an "AS IS" BASIS,
 - WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 - See the License for the specific language governing permissions and
 - limitations under the License.
 -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Differential Privacy: The Basics – Neustar Research Blog</title>
<link rel="stylesheet" href="http://s0.wp.com/wp-content/themes/premium/minimum/style.css?m=1358482073g" type="text/css" media="screen" />
<link rel='stylesheet' id='googlefont-droid-serif-css'  href='http://fonts.googleapis.com/css?family=Droid+Serif&ver=1.0.0' type='text/css' media='all' />
<link rel='stylesheet' id='googlefont-oswald-css'  href='http://fonts.googleapis.com/css?family=Oswald&ver=1.0.0' type='text/css' media='all' />
<link rel='stylesheet' id='all-css-4' href='http://s2.wp.com/_static/??-eJxtjEEOgyAQAD/kujFYw6XpWxZLgQYWwq7x+9qDp3qay8zg3mCtrJ4VywYtbyGxIFf1gvQuicFRh+5Fx1VkwHu/VVH4ZEodJVJPHC7+VRp9Od9xxpCro/wTXuU5mYc1djZm+R4seTW6' type='text/css' media='all' />
<link rel='stylesheet' id='all-css-0' href='http://s1.wp.com/wp-content/mu-plugins/highlander-comments/style.css?m=1343991657g' type='text/css' media='all' />
<link rel="stylesheet" id="custom-css-css" type="text/css" href="http://research.neustar.biz/?custom-css=1&#038;csblog=1vwzq&#038;cscache=6&#038;csrev=109" />
<link rel="stylesheet" id="pqstyles" type="text/css" href="WhiteQuery.css" />

<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="WhiteQuery.js"></script>
</head>
<body class="single single-post postid-2424 single-format-standard logged-in admin-bar no-customize-support typekit-enabled custom-header header-image header-full-width full-width-content highlander-enabled highlander-light">
<div id="wrap">
<div id="header">
    <div class="wrap">
        <div id="title-area">
            <p id="title"><a href="http://research.neustar.biz/" title="Research">Research</a></p>
        </div><!-- end #title-area -->
    </div><!-- end .wrap -->
</div><!--end #header-->
<div id="inner">
    <div id="content-sidebar-wrap">
        <div id="content" class="hfeed">
            <div class="post-2424 post type-post format-standard hentry category-data-science">
                <h2 class="entry-title">
                    <a href="http://research.neustar.biz/2014/09/08/differential-privacy-the-basics/" title="Differential Privacy: The Basics" rel="bookmark">Differential Privacy: The Basics</a>
                </h2>
                <div class="post-info">
                    <span class="date published time" title="2014-09-08T10:00:00+00:00">SEPTEMBER 8, 2014</span>
                    By <span class="author vcard"><span class="fn"><a href="http://research.neustar.biz/author/atockar/" class="fn n" title="atockar" rel="author">ATOCKAR</a></span></span>
                    <span class="post-comments"><a href="http://research.neustar.biz/2014/09/08/differential-privacy-the-basics/#comments">Leave a Comment</a></span>
                </div>
                <div class="entry-content">
                    <div id="whitequery" class="aligncenter">
                      <button class="buttn" id="sim" onclick = 'change()'>Play Simulation</button>
                      <button class="buttn" onclick = 'refreshNoise()'>Step</button>
                      <div class="eps">ε</div>
                      <input id="budgetSlider" type="range" min="0.02" max="5" value = "0.5" step = "0.02" onchange="refreshHistogram()"/><input id="budgetTBox" type="text" class="txtbx" size="1"/>
                      <div class="tabl" id="pqtbl"></div>
                      <div class="histdiv" id="histogram"></div>
                    </div>
                    <p class = "footer">Clicking the "Play Simulation" button will refresh the query continuously, and add the result to the histogram. The "Step" button allows the query to be run once, as might occur in practice, and shows how uninformative the answer may be. As expected, we can see that each histogram has a Laplace distribution.*
                    <p class = "footer" style="margin-top:0px;">This shows how multiple query runs will divulge the true value of the query. Of course this is not possible in practice, due to composition.</p>
                    <p class = "footer" style="margin-top:0px; font-size: 11px;"><i>* I removed outliers at the tails of the distribution for clarity. This has no effect on the shape of the histogram shown.</i></p>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<script>init();</script>
</body>
</html>