class: center, middle, inverse, title-slide # Representation ###
Introduction to Neural Networks
### May 2020 --- layout: true <div class="my-footer"> <span style="text-align:center"> <span> <img src="https://raw.githubusercontent.com/therbootcamp/therbootcamp.github.io/master/_sessions/_image/by-sa.png" height=14 style="vertical-align: middle"/> </span> <a href="https://cdsbasel.github.io/neuralnetworks/"> <span style="padding-left:82px"> <font color="#7E7E7E"> cdsbasel.github.io/neuralnetworks/ </font> </span> </a> <a href="https://cdsbasel.github.io/neuralnetworks/"> <font color="#7E7E7E"> Introduction to Neural Networks | May 2020 </font> </a> </span> </div> --- .pull-left3[ # Why does deep learning work? <ul> <li class="m1"><span>Deep feedforward networks have <high>"many" hidden layers</high>.</span></li> <li class="m2"><span>The hidden layers learn <high>useful representations of the inputs</high>.</span></li> <li class="m3"><span>The deeper the layer, the <high>more abstract the representation</high>.</span></li> <li class="m4"><span>Useful does <high>not mean intuitive</high>.</span></li> </ul> ] .pull-right6[ <p align = "center"> <img src="image/deepwide.png" height=560px><br> </p> ] --- .pull-left3[ # MNIST representations <ul> <li class="m1"><span>The <high>activation patterns in the hidden layers</high> reveal how inputs are represented.</span></li><br> <li class="m2"><span>Activation patterns can easily be computed using basic <high>matrix algebra</high> (once weights have been determined).</span></li> </ul> ] .pull-right6[ <br> <p align = "center"> <img src="image/5_net.png"><br> </p> ] --- .pull-left3[ # MNIST representations <ul> <li class="m1"><span>The <high>activation patterns in the hidden layers</high> reveal how inputs are represented.</span></li><br> <li class="m2"><span>Activation patterns can easily be computed using basic <high>matrix algebra</high> (once weights have been determined).</span></li> </ul> ] .pull-right6[ <br> <p align = "center"> <img src="image/5_net_2.png"><br> </p> ] --- .pull-left3[ # MNIST representations <ul> <li class="m1"><span>The <high>activation patterns in the hidden layers</high> reveal how inputs are represented.</span></li><br> <li class="m2"><span>Activation patterns can easily be computed using basic <high>matrix algebra</high> (once weights have been determined).</span></li> </ul> ] .pull-right6[ <br> <p align = "center"> <img src="image/5_net_3.png"><br> </p> ] --- # Convolutional neural networks .pull-left4[ <ul> <li class="m1"><span>Convolutional neural networks (CNN) <high>learn input primitives</high>, e.g., lines of different orientations.</span></li><br> <li class="m2"><span>Later dense layers <high>recombine primitives</high> to form predictive higher-order characteristics, e.g., shapes.</span></li><br> <li class="m3"><span>CNNs are the <high>gold-standard</high> for image processing and <high>object recognition</high>.</span></li> </ul> ] .pull-right5[ <p align = "center"> <img src="image/convolutional_network.png"><br> </p> ] --- <div align="center" style="padding-top:30px"> <iframe width="1200" height="570" src="https://www.youtube.com/embed/3JQ3hYko51Y?rel=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> --- .pull-left4[ # Pixel embeddings <ul> <li class="m1"><span>Activation patterns cannot be understood on their own, still they can be used to learn much about inputs by treating them as <high>encodings or embeddings of the inputs</high>.</span></li><br> <li class="m2"><span>Embeddings are particcularly useful for studying the <high>patterns of relationships</high> between inputs.</span></li> </ul> ] .pull-right5[ <br> <p align = "center"> <img src="image/weight_mat.png" height=520px><br> </p> ] --- .pull-left4[ # Pixel embeddings <ul> <li class="m1"><span>Activation patterns cannot be understood on their own, still they can be used to learn much about inputs by treating them as <high>encodings or embeddings of the inputs</high>.</span></li><br> <li class="m2"><span>Embeddings are particcularly useful for studying the <high>patterns of relationships</high> between inputs.</span></li> </ul> ] .pull-right5[ <br> <p align = "center"> <img src="image/cormat.png" height=520px><br> </p> ] --- .pull-left4[ # Digit embeddings <ul> <li class="m1"><span>Activation patterns cannot be understood on their own, still they can be used to learn much about inputs by treating them as <high>encodings or embeddings of the inputs</high>.</span></li><br> <li class="m2"><span>Embeddings are particcularly useful for studying the <high>patterns of relationships</high> between inputs.</span></li> </ul> ] .pull-right5[ <br> <p align = "center"> <img src="image/hidden_patterns.png" height=530px><br> </p> ] --- .pull-left4[ # Digit embeddings <ul> <li class="m1"><span>Activation patterns cannot be understood on their own, still they can be used to learn much about inputs by treating them as <high>encodings or embeddings of the inputs</high>.</span></li><br> <li class="m2"><span>Embeddings are particcularly useful for studying the <high>patterns of relationships</high> between inputs.</span></li> </ul> ] .pull-right5[ <br> <p align = "center"> <img src="image/cormat_digit.png" height=530px><br> </p> ] --- .pull-left4[ # Digit embeddings <ul> <li class="m1"><span>Activation patterns cannot be understood on their own, still they can be used to learn much about inputs by treating them as <high>encodings or embeddings of the inputs</high>.</span></li><br> <li class="m2"><span>Embeddings are particcularly useful for studying the <high>patterns of relationships</high> between inputs.</span></li> </ul> ] .pull-right5[ <br> <p align = "center"> <img src="image/cormat_digit2.png" height=530px><br> </p> ] --- .pull-left4[ # Word embeddings <ul> <li class="m1"><span>Embeddings are especially <high>useful and popular for words</high>.</span></li><br> <li class="m2"><span>Word embeddings approximate the (distributed) <high>meaning of a word</high>.</span></li> <li class="m3"><span>Word embeddings are used for research as much as for <high>many practical applications</high> (e.g., document search).</span></li> </ul> ] .pull-right5[ <br><br> <p align = "center"> <img src="image/solaris.png"><br> </p> ] --- # Word embeddings .pull-left4[ <ul> <li class="m1"><span>Embeddings are especially <high>useful and popular for words</high>.</span></li><br> <li class="m2"><span>Word embeddings approximate the (distributed) <high>meaning of a word</high>.</span></li> <li class="m3"><span>Word embeddings are used for research as much as for <high>many practical applications</high> (e.g., document search).</span></li> </ul> ] .pull-right5[ <p align = "center"> <img src="image/skipgram.png"><br> </p> ] --- # Word embeddings .pull-left4[ <ul> <li class="m1"><span>Embeddings are especially <high>useful and popular for words</high>.</span></li><br> <li class="m2"><span>Word embeddings approximate the (distributed) <high>meaning of a word</high>.</span></li> <li class="m3"><span>Word embeddings are used for research as much as for <high>many practical applications</high> (e.g., document search).</span></li> </ul> ] .pull-right5[ <p align = "center"> <img src="image/skipgram2.png"><br> </p> ] --- # Word embeddings .pull-left4[ <ul> <li class="m1"><span>Embeddings are especially <high>useful and popular for words</high>.</span></li><br> <li class="m2"><span>Word embeddings approximate the (distributed) <high>meaning of a word</high>.</span></li> <li class="m3"><span>Word embeddings are used for research as much as for <high>many practical applications</high> (e.g., document search).</span></li> </ul> ] .pull-right5[ <p align = "center"> <img src="image/skipgram3.png"><br> </p> ] --- .pull-left4[ # Word embeddings <ul> <li class="m1"><span>Embeddings are especially <high>useful and popular for words</high>.</span></li><br> <li class="m2"><span>Word embeddings approximate the (distributed) <high>meaning of a word</high>.</span></li> <li class="m3"><span>Word embeddings are used for research as much as for <high>many practical applications</high> (e.g., document search).</span></li> </ul> ] .pull-right5[ <br><br> <p align = "center"> <img src="image/capitals.png"><br> </p> ] --- # Auto-encoder .pull-left4[ <ul> <li class="m1"><span>Auto-encoders are, in a way, <high>pure embedding learners</high>.</span></li><br> <li class="m2"><span>In auto-encoders, <high>the input is the output</high>.</span></li><br> </ul> ] .pull-right5[ <p align = "center"> <img src="image/autoencoder2.png" height=420px><br> </p> ] --- # Auto-encoder .pull-left4[ <ul> <li class="m1"><span>Auto-encoders are, in a way, <high>pure embedding learners</high>.</span></li><br> <li class="m2"><span>In auto-encoders, <high>the input is the output</high>.</span></li><br> </ul> ] .pull-right5[ <p align = "center"> <img src="image/autoencoder.png" height=420px><br> </p> ] --- class: middle, center <h1><a href="https://cdsbasel.github.io/neuralnetworks/sessions/Represenetation/Represenetation_practical.html">Practical</a></h1>