class: center, middle, inverse, title-slide # Making Graphs fun with BadgerDAO
### Omni Analytics Group --- ## Introduction Our Gitcoin Grant Round 9 Hackathon submission was a tool designed to give Badgers clearer insight into how their favorite token is being adopted by the DeFi ecosystem. Our application does this by crawling the liquidity pools on Uniswap that have either wBTC or renBTC as a base token. In the process, we produced some "unique" visualizations in ggplot2 that we're going to show you how we created! <img src="images/app.png" width="612" height="350" style="display: block; margin: auto;" /> --- ## Liquidity Pools with wrapped Bitcoin Below is a plot of the number of liquidity pools where at least one token int he pair is a Wrapped Bitcoin. We're going to spruce this up a bit. <img src="badger_files/figure-html/unnamed-chunk-2-1.png" style="display: block; margin: auto;" /> --- ## Watermark Images The first thing we'll do is watermark the image with the Badger DAO yellow badger: ```r p1 + watermark_img("images/yellow_hat_badger.png", location = "center", alpha = 0.1, width = 120) ``` <img src="badger_files/figure-html/unnamed-chunk-3-1.png" style="display: block; margin: auto;" /> --- ## Varying watermark images You can see from the previous snippet that an arbitrary image can be provided, and parameters such as the alpha and width of the image can be customized. Let's add Mario to this cumulative version of the previous plot! <img src="badger_files/figure-html/unnamed-chunk-4-1.png" style="display: block; margin: auto;" /> --- ## Alpha (0.05) <img src="badger_files/figure-html/unnamed-chunk-5-1.png" style="display: block; margin: auto;" /> --- ## Alpha (0.5) <img src="badger_files/figure-html/unnamed-chunk-6-1.png" style="display: block; margin: auto;" /> --- ## Alpha (1) <img src="badger_files/figure-html/unnamed-chunk-7-1.png" style="display: block; margin: auto;" /> --- ## Width (350) <img src="badger_files/figure-html/unnamed-chunk-8-1.png" style="display: block; margin: auto;" /> --- ## Varying the Position We can watermark a graph even outside the center. Here we add the side badger to the top right <img src="badger_files/figure-html/unnamed-chunk-9-1.png" style="display: block; margin: auto;" /> --- ## Varying the Position (Top Left) <img src="badger_files/figure-html/unnamed-chunk-10-1.png" style="display: block; margin: auto;" /> --- ## Varying the Position (Bottom Left) <img src="badger_files/figure-html/unnamed-chunk-11-1.png" style="display: block; margin: auto;" /> --- ## Varying the Position (Bottom Right) <img src="badger_files/figure-html/unnamed-chunk-12-1.png" style="display: block; margin: auto;" /> --- ## Conclusion Watermarking a `ggplot2` is a fun way to add a little flare and customization to your data visualiation! While simple and easy, that extra charm can sometimes be what puts a graphic over the edge in terms of quality. <img src="images/Badger black text.png" width="151" style="display: block; margin: auto;" />