-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
74 lines (61 loc) · 3.22 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
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>
<title>[Interactive Figures] Learning with Impartiality to Walk on the Pareto Frontier of Fairness, Privacy, and Utility</title>
<meta charset="utf-8">
<meta name="description" content="Figures for FairPATE">
<link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
<script type="text/javascript" async
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML">
</script>
<script src="https://cdn.plot.ly/plotly-2.18.0.min.js?"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
// Add plotly-produced file paths here. Remember to choose a unique id for each Figure. Let's use the figure number from the paper.
$(function(){
$("#figure1").load("static/utkface_pate_pre_None_pareto_surface.html");
$("#figure4a").load("static/utkface_pate_pre,pate_inprocessing_pareto_surface.html");
$("#figure4b").load("static/utkface_dpsgd_pre,dpsgd_inprocessing_pareto_surface.html");
$("#figure5a").load("static/utkface_pate,vanilla_pate_preprocessing_pareto_surface.html");
$("#figure5b").load("static/utkface_pate_pre,vanilla_pate_pre_preprocessing_pareto_surface.html");
$("#figure6a").load("static/utkface_pate,vanilla_pate_inprocessing_pareto_surface.html");
$("#figure6b").load("static/utkface_pate_pre,vanilla_pate_pre_inprocessing_pareto_surface.html");
$("#figure7").load("static/utkface_pate_pre,dpsgd_pre_inprocessing_pareto_surface.html");
$("#figure8a").load("static/celeba_pate_pre_None_pareto_surface.html");
$("#figure8b").load("static/chexpert_pate_pre_None_pareto_surface.html");
$("#figure9").load("static/utkface-fairface_pate_multidataset_None_pareto_surface.html");
});
</script>
<style>
body
{
/* max-width: 60rem; */
}
</style>
</head>
<body>
<h1>Interactive Figures for <i>"Learning with Impartiality to Walk on the Pareto Frontier of Fairness, Privacy, and Utility"</i></h1>
<!-- Add figures here using the divs chosen earlier -->
<h2>Figure 1: UTKFace: FairPATE</h2>
<div id="figure1"> </div>
<h2>Figure 4 (a): UTKFace: FairPATE vs. FairPATE Without Post-processor</h2>
<div id="figure4a"> </div>
<h2>Figure 4 (b): UTKFace: FairDP-SGD vs. FairDP-SGD Without Post-processor</h2>
<div id="figure4b"> </div>
<h2>Figure 5 (a): UTKFace: FairPATE Without Post-processor vs. PATE-pre Without Post-processor</h2>
<div id="figure5a"> </div>
<h2>Figure 5 (b): UTKFace: FairPATE vs. PATE-Pre</h2>
<div id="figure5b"> </div>
<h2>Figure 6 (a): UTKFace: FairPATE Without Post-processor vs. PATE-Pre Without Post-processor</h2>
<div id="figure6a"> </div>
<h2>Figure 6 (b): UTKFace: FairPATE vs. PATE-In</h2>
<div id="figure6b"> </div>
<h2>Figure 7: UTKFace: FairPATE vs. FairDP-SGD</h2>
<div id="figure7"> </div>
<h2>Figure 8 (a): CelebA: FairPATE</h2>
<div id="figure8a"> </div>
<h2>Figure 8 (b): CheXpert: FairPATE</h2>
<div id="figure8b"> </div>
<h2>Figure 9: UTKFace and FairFace: FairPATE</h2>
<div id="figure9"> </div>
</body>