{"componentChunkName":"component---src-templates-blog-post-js","path":"/eight_bit_gauges/","result":{"data":{"site":{"siteMetadata":{"title":"tigue.com"}},"markdownRemark":{"id":"9540d859-27f6-597e-bac3-012cc2eb4857","excerpt":"Over the last few weeks I have written so many variants on “eight bit\ngauges” in Jupyter that I thought I might as well corral them all\ntogether in a menagerie…","html":"<img src=\"https://reconstrue.github.io/shell/ui/eight_bit_dual_gauge.png\">\n<p>Over the last few weeks I have written so many variants on “eight bit\ngauges” in Jupyter that I thought I might as well corral them all\ntogether in a menagerie. By eight big gauges I mean histograms with\n256 bins.</p>\n<p>For example, the above image is for grayscale images as\nimplied by the gray gradient on the face of the histogram. The red\nline is the same data but as a cumulative distribution, starting at\nzero and marching monotonically to 100% total luminance.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 401px;\"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 73.56608478802991%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAACXBIWXMAAAsSAAALEgHS3X78AAAB8ElEQVQ4y41Tv4saQRjdP8kkas7d+FsQ8Q+wtLEWrCysUlhYi5ZaCoJFrhLBwsacGrnkVuTgkCjcQYqcetldk11/vOw3MktW13AfvJ35Zt68eTPfrLDb7bDf7x3B5wzDuMj5l0chUOdwODiCiBSTyQSz2Yz1L/E5V6DkUnBSs9lEq9WyjV3iWoJOu263WzZXrVZRLBatha9y+D9SpVJBKpXCer22js3X8NZRkMepYKlUgsvlQrvdtrl04gqnQpzMXVCF0+k03G438vm8zd2rHNLlr1Yra5P5fI5YLIZAIIBwOIxcLodut3tWcZsgf08UhUIB9XodmqaxvFwuw+v1IhKJIBgMQhRFJBIJyLJsu09LkA9QjEYjdvl+v585qdVqiMfjLA+FQgzRaBQejwfZbNbm0hKkj6IoaDQalgs6GjkhZzwnMWoJJCpJEjqdzlkhheVyiUwmgzdv3+H9lQ8+UcKVTzQFJXPRByZ8ChIjl8lkEtPplBnabDZHh4vFAr1eD7dfbiDfDnA3vrHwzcRoOMBgcI7hcIh+v4/xeAzSUFX1KKiqGg47A58XZoWnwPU98On+2H40i/n92bybvQHdfD7GCehP0nWdiVHOBKmayq8XPPzY4OujgbtHnUF+0nEt/8HTTw2/NcU8lsoWXgIX/AsfSRJqyRiTpQAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"range selector\"\n        title=\"range selector\"\n        src=\"/static/fec9124d192e5b2bce3e7431319b7006/29ab6/range_selector.png\"\n        srcset=\"/static/fec9124d192e5b2bce3e7431319b7006/1abb1/range_selector.png 250w,\n/static/fec9124d192e5b2bce3e7431319b7006/29ab6/range_selector.png 401w\"\n        sizes=\"(max-width: 401px) 100vw, 401px\"\n        loading=\"lazy\"\n      />\n    </span>The code is all Python using common plotting libraries (Bokeh, Plotly,\nMatplotlib, etc.). In particular, the code has been well tested on\nColab, including working out full-screenable versions which perform well\nas “slides.” I’ve licensed the code under the Apache 2 license. So, peruse\nthe menagerie and maybe take one home.</p>\n<span class=\"gatsby-resp-image-wrapper\" style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 1000px;\">\n      <span class=\"gatsby-resp-image-background-image\" style=\"padding-bottom: 31.540565177757525%; position: relative; bottom: 0; left: 0; background-image: url(&apos;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAGCAYAAADDl76dAAAACXBIWXMAAAsSAAALEgHS3X78AAAAxUlEQVQY042Q2Q6CUAxE+f9PUkBBcYmYGCUoIAHZRBASd95GW9REH5SHSdPe9szkCvH+ima6cA2zE9wwf/ffEprAorw+ToobnE0GfWbC9tLn/PJhKDRJRqDN9gDbT2FYHlRtDG2kYx3k2JYVp34DyeWfkqKC4++g9EfoqgOIsoKWKGNuugwxLJ9NafdnwuTh7sUlTCfAcDJjCMGkjspV6Q15TkaLlVcDo/yMKDtz7GB3rJXWooXpfIm21GXItwhKby8T+oI7orC1S7KddiAAAAAASUVORK5CYII=&apos;); background-size: cover; display: block;\"></span>\n  <img class=\"gatsby-resp-image-image\" alt=\"simple wide\" title=\"simple wide\" src=\"/static/f8cdafe3ad636719ec039f3a43ca74be/5d675/simple_wide.png\" srcset=\"/static/f8cdafe3ad636719ec039f3a43ca74be/1abb1/simple_wide.png 250w,\n/static/f8cdafe3ad636719ec039f3a43ca74be/7217d/simple_wide.png 500w,\n/static/f8cdafe3ad636719ec039f3a43ca74be/5d675/simple_wide.png 1000w,\n/static/f8cdafe3ad636719ec039f3a43ca74be/54149/simple_wide.png 1097w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" loading=\"lazy\">\n    </span>\n<p>There is a pre-run and runnable copy on Colab,\n<a href=\"https://colab.research.google.com/drive/1bMv3ya7rJzSi8tdmGAuT-Xm4TToBfxmB?usp=sharing\">eight_bit_gauges.ipynb</a>,\nwhich can also be found on GitHub in <a href=\"https://github.com/reconstrue/shell/blob/master/ui/eight_bit_gauges.ipynb\">the shell repo</a>. To\nload it from from GitHub and run your own copy:  </p>\n<center>\n<a href=\"https://colab.research.google.com/github/reconstrue/shell/blob/master/ui/eight_bit_gauges.ipynb\"><img src=\"https://colab.research.google.com/assets/colab-badge.svg\" width=\"23%\" style=\"padding-top:10px\"></a>\n</center>","frontmatter":{"title":"Eight Bit Gauges in Jupyter","date":"April 27, 2020","description":"TODO: add discription in md's header"}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"/eight_bit_gauges/","previous":{"fields":{"slug":"/jupyter_book_notes/"},"frontmatter":{"title":"Jupyter Books' Many Manifestations of a Notebook"}},"next":{"fields":{"slug":"/whiteboarder_a_two_bit_photo_processor/"},"frontmatter":{"title":"Whiteboarder: A Two Bit Image Processor"}}}}}