1<!DOCTYPE html> 2<html lang=""> 3 4 <!-- Head --> 5 <head> 6<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!-- Metadata, OpenGraph and Schema.org --> 7 8 9 <!-- Standard metadata --> 10 <meta charset="utf-8"> 11 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 12 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 13 <title>Mattia Cerrato</title> 14 <meta name="author" content="Mattia Cerrato"> 15 <meta name="description" content="Lecturer at JGU Mainz 16"> 17 <meta name="keywords" content="jekyll, jekyll-theme, academic-website, portfolio-website"> 18 19 20 <!-- Bootstrap & MDB --> 21 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha256-DF7Zhf293AJxJNTmh5zhoYYIMs2oXitRfBjY+9L//AY=" crossorigin="anonymous"> 22 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/mdb.min.css" integrity="sha256-jpjYvU3G3N6nrrBwXJoVEYI/0zw8htfFnhT9ljN3JJw=" crossorigin="anonymous"> 23 24 <!-- Fonts & Icons --> 25 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/all.min.css" integrity="sha256-mUZM63G8m73Mcidfrv5E+Y61y7a12O5mW4ezU3bxqW4=" crossorigin="anonymous"> 26 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/academicons.min.css" integrity="sha256-i1+4qU2G2860dGGIOJscdC30s9beBXjFfzjWLjBRsBg=" crossorigin="anonymous"> 27 <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:100,300,400,500,700|Material+Icons"> 28 29 <!-- Code Syntax Highlighting --> 30 <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jwarby/jekyll-pygments-themes@master/github.css" media="" id="highlight_theme_light"> 31 32 <!-- Styles --> 33 34 <link rel="shortcut icon" href="data:image/svg+xml,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20100%20100%22><text%20y=%22.9em%22%20font-size=%2290%22>%F0%9F%90%A2</text></svg>"> 35 36 <link rel="stylesheet" href="/assets/css/main.css"> 37 <link rel="canonical" href="/"> 38 39 <!-- Dark Mode --> 40 41 <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jwarby/jekyll-pygments-themes@master/native.css" media="none" id="highlight_theme_dark"> 42 43
43<script src="/assets/js/theme.js"></script>
43 44
44<script src="/assets/js/dark_mode.js"></script>
44 45 46<!-- Code Syntax Highlighting --> 47<link rel="stylesheet" href="https://gitcdn.link/repo/jwarby/jekyll-pygments-themes/master/github.css%20"> 48 49<!-- Styles --> 50 51<link rel="icon" href="data:image/svg+xml,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20100%20100%22><text%20y=%22.9em%22%20font-size=%2290%22>%F0%9F%90%A2</text></svg>"> 52 53<link rel="stylesheet" href="/assets/css/main.css"> 54 55<link rel="canonical" href="/"> 56 57<!-- JQuery --> 58<!-- jQuery --> 59
59<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
59 60 61 62<!-- Theming--> 63 64
64<script src="/assets/js/theme.js"></script>
64 65 <!-- Load DarkMode JS -->
66<script src="/assets/js/dark_mode.js"></script>
66 67 68 69 70 71 72 73 </head> 74 75 <!-- Body --> 76 <body class="fixed-top-nav "> 77 78 <!-- Header --> 79 <header> 80 81 <!-- Nav Bar --> 82 <nav id="navbar" class="navbar navbar-light navbar-expand-sm fixed-top"> 83 <div class="container"> 84 85 <!-- Navbar Toggle --> 86 <button class="navbar-toggler collapsed ml-auto" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> 87 <span class="sr-only">Toggle navigation</span> 88 <span class="icon-bar top-bar"></span> 89 <span class="icon-bar middle-bar"></span> 90 <span class="icon-bar bottom-bar"></span> 91 </button> 92 93 <div class="collapse navbar-collapse text-right" id="navbarNav"> 94 <ul class="navbar-nav ml-auto flex-nowrap"> 95 96 <!-- About --> 97 <li class="nav-item active"> 98 <a class="nav-link" href="/">About<span class="sr-only">(current)</span></a> 99 </li> 100 101 102 <!-- Other pages --> 103 <li class="nav-item "> 104 <a class="nav-link" href="/publications/">publications</a> 105 </li> 106 <li class="nav-item "> 107 <a class="nav-link" href="/projects/">projects</a> 108 </li> 109 <li class="nav-item "> 110 <a class="nav-link" href="/repositories/">repositories</a> 111 </li> 112 <li class="nav-item "> 113 <a class="nav-link" href="/cv/">cv</a> 114 </li> 115 <li class="nav-item "> 116 <a class="nav-link" href="/teaching/">teaching</a> 117 </li> 118 <li class="nav-item dropdown "> 119 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">submenus</a> 120 <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown"> 121 <a class="dropdown-item" href="/publications/">publications</a> 122 <div class="dropdown-divider"></div> 123 <a class="dropdown-item" href="/projects/">projects</a> 124 </div> 125 </li> 126 127 <!-- Toogle theme mode --> 128 <li class="toggle-container"> 129 <button id="light-toggle" title="Change theme"> 130 <i class="fas fa-moon"></i> 131 <i class="fas fa-sun"></i> 132 </button> 133 </li> 134 </ul> 135 </div> 136 </div> 137 </nav> 138 139 <!-- Scrolling Progress Bar --> 140 <progress id="progress" value="0"> 141 <div class="progress-container"> 142 <span class="progress-bar"></span> 143 </div> 144 </progress> 145 </header> 146 147 148 <!-- Content --> 149 <div class="container mt-5"> 150 <!-- about.html --> 151 <div class="post"> 152 <header class="post-header"> 153 <h1 class="post-title"> 154 <span class="font-weight-bold">Mattia</span> Cerrato 155 </h1> 156 <p class="desc"><a href="https://www.datamining.informatik.uni-mainz.de/" rel="external nofollow noopener" target="_blank">Lecturer at Johannes Gutenberg-Universität Mainz</a>.Staudingerweg 9 55128 Mainz, DE.</p> 157 </header> 158 159 <article> 160 <div class="profile float-right"> 161 162 <figure> 163 164 <picture> 165 166 <source class="responsive-img-srcset" media="(max-width: 480px)" srcset="/assets/img/mattia-480.webp"></source> 167 <source class="responsive-img-srcset" media="(max-width: 800px)" srcset="/assets/img/mattia-800.webp"></source> 168 <source class="responsive-img-srcset" media="(max-width: 1400px)" srcset="/assets/img/mattia-1400.webp"></source> 169 170 171 <!-- Fallback to the original file --> 172 <img src="/assets/img/mattia.jpg" class="img-fluid z-depth-1 rounded" width="auto" height="auto" alt="mattia.jpg" onerror="this.onerror=null; $('.responsive-img-srcset').remove();"> 173 174 </picture> 175 176</figure> 177 178 <div class="address"> 179 <p>Office 03-621</p> <p>Staudingerweg 9</p> <p>55128 Mainz, Germany</p> 180 181 </div> 182 </div> 183 184 <div class="clearfix"> 185 <p>I am a permanent Lecturer in the Data Mining group at Johannes Gutenberg-Universität Mainz, led by <a href="https://www.datamining.informatik.uni-mainz.de/stefan-kramer/" rel="external nofollow noopener" target="_blank">Prof. Stefan Kramer</a>. I am a Principal Investigator for the TOP-ML project, which deals with understanding the trade-offs between properties of machine learning algorithms beyond performance. Before that, I was a PhD. student in the Machine Learning Group at University of Torino, my hometown. <a href="http://informatica.unito.it/do/docenti.pl/Alias?roberto.esposito#tab-profilo" rel="external nofollow noopener" target="_blank">Prof. Roberto Esposito</a> was my advisor for three years.</p> 186 187<p>My research interests are centered around deep neural networks - I mostly research algorithms to constrain and understand them better. I have published papers about algorithmic fairness, interpretability and connections between them. I care deeply about making sure that AI applications can be benef
187icial to everyone - or at least not harm anybody.</p> 188 189<p>If you are an undergrad and are interested in working on deep learning, interpretability and fairness please check out the <a href="/projects">projects</a> page.</p> 190 191 </div> 192 193 <!-- News --> 194 <h2><a href="/news/" style="color: inherit;">news</a></h2> 195 <div class="news"> 196 <div class="table-responsive" style="max-height: 10vw"> 197 <table class="table table-sm table-borderless"> 198 199 <tr> 200 <th scope="row">Jul 15, 2026</th> 201 <td> 202 Happy to share that we had four papers accepted this year: two at FAccT 2026 and two at AIES 2026! <img class="emoji" title=":tada:" alt=":tada:" src="https://github.githubassets.com/images/icons/emoji/unicode/1f389.png" height="20" width="20"> 203 204 </td> 205 </tr> 206 <tr> 207 <th scope="row">Sep 1, 2025</th> 208 <td> 209 I have joined the Board of Directors of the <a href="https://ecafconference.org/" rel="external nofollow noopener" target="_blank">European Association for Algorithmic Fairness (EAAF)</a>, the community behind the European Conference on Algorithmic Fairness (ECAF). 210 211 </td> 212 </tr> 213 <tr> 214 <th scope="row">Aug 1, 2025</th> 215 <td> 216 I started a permanent Lecturer position in the Data Mining group at Johannes Gutenberg-Universität Mainz. <img class="emoji" title=":tada:" alt=":tada:" src="https://github.githubassets.com/images/icons/emoji/unicode/1f389.png" height="20" width="20"> 217 218 </td> 219 </tr> 220 <tr> 221 <th scope="row">Jul 12, 2023</th> 222 <td> 223 My paper âFairSwiRL: fair semi-supervised classification with representation learningâ has been published in the Machine Learning journal. This is joint work with Shuyi Yang, Dino Ienco, Ruggero Pensa and Roberto Esposito. You can read it <a href="https://arxiv.org/abs/2208.02656" rel="external nofollow noopener" target="_blank">here</a>. 224 225 </td> 226 </tr> 227 <tr> 228 <th scope="row">Nov 20, 2022</th> 229 <td> 230 My paper âInvariant Representations with Stochastically Quantized Neural Networksâ has been accepted at AAAI23! This is work done alongside Marius Koppel, Roberto Esposito and Stefan Kramer. Read the preprint <a href="https://arxiv.org/abs/2208.02656" rel="external nofollow noopener" target="_blank">here</a>. 231 232 </td> 233 </tr> 234 </table> 235 </div> 236 </div> 237 238 239 <!-- Selected papers --> 240 241 242 <!-- Social --> 243 <div class="social"> 244 <div class="contact-icons"> 245 <a href="mailto:%6D%63%65%72%72%61%74%6F@%75%6E%69-%6D%61%69%6E%7A.%64%65" title="email"><i class="fas fa-envelope"></i></a> 246 <a href="https://scholar.google.com/citations?user=https://scholar.google.com/citations?user=F3KJBuAAAAAJ&hl=en" title="Google Scholar" rel="external nofollow noopener" target="_blank"><i class="ai ai-google-scholar"></i></a> 247 <a href="https://github.com/Pibborn" title="GitHub" rel="external nofollow noopener" target="_blank"><i class="fab fa-github"></i></a> 248 <a href="https://www.linkedin.com/in/mattia-cerrato-679987171" title="LinkedIn" rel="external nofollow noopener" target="_blank"><i class="fab fa-linkedin"></i></a> 249 <a href="https://twitter.com/matticerrato" title="Twitter" rel="external nofollow noopener" target="_blank"><i class="fab fa-twitter"></i></a> 250 <a href="/feed.xml" title="RSS Feed"><i class="fas fa-rss-square"></i></a> 251 252 253 </div> 254 255 <div class="contact-note"> 256 Best contact me via email. 257 258 </div> 259 260 </div> 261 </article> 262 263</div> 264 265 </div> 266 267 <!-- Footer --> 268 <footer class="fixed-bottom"> 269 <div class="container mt-0"> 270 © Copyright 2026 Mattia Cerrato. Powered by <a href="https://jekyllrb.com/" target="_blank" rel="external nofollow noopener">Jekyll</a> with <a href="https://github.com/alshedivat/al-folio" rel="external nofollow noopener" target="_blank">al-folio</a> theme. Hosted by <a href="https://pages.github.com/" target="_blank" rel="external nofollow noopener">GitHub Pages</a>. Photos from <a href="https://unsplash.com" target="_blank" rel="external nofollow noopener">Unsplash</a>. 271 272 </div> 273 </footer> 274 275 <!-- JavaScripts --> 276 <!-- jQuery --> 277
277<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
277 278 279 <!-- Bootsrap & MDB scripts --> 280
280<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha256-fgLAgv7fyCGopR/gBNq2iW3ZKIdqIcyshnUULC4vex8=" crossorigin="anonymous"></script>
280 281
281<script src="https://cdn.jsdelivr.net/npm/[email protected]/js/mdb.min.js" integrity="sha256-NdbiivsvWt7VYCt6hYNT3h/th9vSTL4EDWeGs5SN3DA=" crossorigin="anonymous"></script>
281 282 283 <!-- Masonry & imagesLoaded --> 284
284<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/masonry.pkgd.min.js" integrity="sha256-Nn1q/fx0H7SNLZMQ5Hw5JLaTRZp0yILA/FRexe19VdI=" crossorigin="anonymous"></script>
284 285
285<script defer src="https://cdn.jsdelivr.net/npm/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
285 286
286<script defer src="/assets/js/masonry.js" type="text/javascript"></script>
286 287 288 <!-- Medium Zoom JS --> 289
289<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/medium-zoom.min.js" integrity="sha256-7PhEpEWEW0XXQ0k6kQrPKwuoIomz8R8IYyuU1Qew4P8=" crossorigin="anonymous"></script>
289 290
290<script defer src="/assets/js/zoom.js"></script>
290<!-- Load Common JS --> 291
291<script defer src="/assets/js/common.js"></script>
291 292
292<script defer src="/assets/js/copy_code.js" type="text/javascript"></script>
292 293 294 295
295<script async src="https://d1bxh8uas1mnw7.cloudfront.net/assets/embed.js"></script>
295 296
296<script async src="https://badge.dimensions.ai/badge.js"></script>
296 297 298 <!-- MathJax --> 299
299<script type="text/javascript"> 300 window.MathJax = { 301 tex: { 302 tags: 'ams' 303 } 304 }; 305 </script>
305 306
306<script defer type="text/javascript" id="MathJax-script" src="https://cdn.jsdelivr.net/npm/[email protected]/es5/tex-mml-chtml.js"></script>
306 307
307<script defer src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?features=es6" crossorigin="anonymous"></script>
307 308 309 310 311 312<!-- Scrolling Progress Bar -->
313<script type="text/javascript"> 314 /* 315 * This JavaScript code has been adapted from the article 316 * https://css-tricks.com/reading-position-indicator/ authored by Pankaj Parashar, 317 * published on the website https://css-tricks.com on the 7th of May, 2014. 318 * Couple of changes were made to the original code to make it compatible 319 * with the `al-foio` theme. 320 */ 321 const progressBar = $("#progress"); 322 /* 323 * We set up the bar after all elements are done loading. 324 * In some cases, if the images in the page are larger than the intended 325 * size they'll have on the page, they'll be resized via CSS to accomodate 326 * the desired size. This mistake, however, breaks the computations as the 327 * scroll size is computed as soon as the elements finish loading. 328 * To account for this, a minimal delay was introduced before computing the 329 * values. 330 */ 331 window.onload = function () { 332 setTimeout(progressBarSetup, 50); 333 }; 334 /* 335 * We set up the bar according to the browser. 336 * If the browser supports the progress element we use that. 337 * Otherwise, we resize the bar thru CSS styling 338 */ 339 function progressBarSetup() { 340 if ("max" in document.createElement("progress")) { 341 initializeProgressElement(); 342 $(document).on("scroll", function() { 343 progressBar.attr({ value: getCurrentScrollPosition() }); 344 }); 345 $(window).on("resize", initializeProgressElement); 346 } else { 347 resizeProgressBar(); 348 $(document).on("scroll", resizeProgressBar); 349 $(window).on("resize", resizeProgressBar); 350 } 351 } 352 /* 353 * The vertical scroll position is the same as the number of pixels that 354 * are hidden from view above the scrollable area. Thus, a value > 0 is 355 * how much the user has scrolled from the top 356 */ 357 function getCurrentScrollPosition() { 358 return $(window).scrollTop(); 359 } 360 361 function initializeProgressElement() { 362 let navbarHeight = $("#navbar").outerHeight(true); 363 $("body").css({ "padding-top": navbarHeight }); 364 $("progress-container").css({ "padding-top": navbarHeight }); 365 progressBar.css({ top: navbarHeight }); 366 progressBar.attr({ 367 max: getDistanceToScroll(), 368 value: getCurrentScrollPosition(), 369 }); 370 } 371 /* 372 * The offset between the html document height and the browser viewport 373 * height will be greater than zero if vertical scroll is possible. 374 * This is the distance the user can scroll 375 */ 376 function getDistanceToScroll() { 377 return $(document).height() - $(window).height(); 378 } 379 380 function resizeProgressBar() { 381 progressBar.css({ width: getWidthPercentage() + "%" }); 382 } 383 // The scroll ratio equals the percentage to resize the bar 384 function getWidthPercentage() { 385 return (getCurrentScrollPosition() / getDistanceToScroll()) * 100; 386 } 387</script>
387 388 389 </body> 390</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.