{"componentChunkName":"component---src-templates-blog-post-js","path":"/whiteboarder_a_two_bit_photo_processor/","result":{"data":{"site":{"siteMetadata":{"title":"tigue.com"}},"markdownRemark":{"id":"77c4f9e9-a3e6-5a03-89fe-09c57a309605","excerpt":"Whiteboarder is a two bit image processor, tuned for whiteboard\ncaptures. The four most common dry erase marker colors are recognized:\nblack, red, green, and…","html":"<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: 32.612507305669205%; position: relative; bottom: 0; left: 0; background-image: url(&apos;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAHCAYAAAAIy204AAAACXBIWXMAAAsSAAALEgHS3X78AAAB/ElEQVQozx2R3UtTcRjHz18hkTcRlkkEGkQvFxHSRUYXUtd1U1QX3UiIUIK7kgqEggiFQIxlS/Si+Zamczs7Z9O5TXc059nZu8dznEu34aT1Ap9+efHh+fLwPA98v4+kyjKLgQBLRwRRfDLpZJLff/5SKpWoVCocHFQ5rB5SrVapCl37WaNW+yWoHen/s8ViEUPXkU4cq+PcqQaaG0/T0nSGhvrjdHd1YdsFPo+O4XSNMOaeYGx8klH3OO6vs6S2tslaO0dk8iaWVWBu3sPzHgfSxMl6/JfOEr52npXrF4hcbCT+wkHa3iW9qpH0yhiChDhkfJsnObdARlbIygFSop9eXSNjF0l4/dhv3yG9vH2F/odtDHW04+y8w+CTG8wO9ZHbLrCuaUQDKrHQIjFVQVMU1n0+tNASKwEFY2mZdDxBThxcVlU+DbxGanpzn9bBp9wcfsYtVzetzk56F5xYOYvw5jrTmoLnewjfZgRPPIxqxPDrUabWghimiSns7gjkDY1HU++R6tqGab47w+UHfq4+DtJyT6GnP4Zt5VleSfFldoM5v86MV8cbMJhe0Jn06ERjWUyRZTprirxtPEGDjr4IkmMgRO+HNV65dPpGEvR+FAtqnnJpj21hJZndIZUriFogs7UrEN/M7mLaP9gvldnbL1MuV0jli8hRi3+L5r72ecPNxQAAAABJRU5ErkJggg==&apos;); background-size: cover; display: block;\"></span>\n  <img class=\"gatsby-resp-image-image\" alt=\"header\" title=\"header\" src=\"/static/bec870d60e8e69daae9e571afa8025ee/5d675/header.png\" srcset=\"/static/bec870d60e8e69daae9e571afa8025ee/1abb1/header.png 250w,\n/static/bec870d60e8e69daae9e571afa8025ee/7217d/header.png 500w,\n/static/bec870d60e8e69daae9e571afa8025ee/5d675/header.png 1000w,\n/static/bec870d60e8e69daae9e571afa8025ee/b0eb8/header.png 1500w,\n/static/bec870d60e8e69daae9e571afa8025ee/405f6/header.png 1711w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" loading=\"lazy\">\n    </span>\n\t&#xA0; \n<p>Whiteboarder is a two bit image processor, tuned for whiteboard\ncaptures. The four most common dry erase marker colors are recognized:\nblack, red, green, and blue. Four colors, ergo two bit color images.</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: 75.03467406380028%; position: relative; bottom: 0; left: 0; background-image: url(&apos;data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAPABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAQFAQP/xAAUAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIQAxAAAAGl2mPC2aJ//8QAGxAAAgEFAAAAAAAAAAAAAAAAAAECAxEhIzL/2gAIAQEAAQUCshconLNJ6Ef/xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAVEQEBAAAAAAAAAAAAAAAAAAAQEf/aAAgBAgEBPwGH/8QAFhABAQEAAAAAAAAAAAAAAAAAARAA/9oACAEBAAY/AsUZ/8QAGhAAAgMBAQAAAAAAAAAAAAAAABEBMXFhwf/aAAgBAQABPyFmiw4oSpgzo9KUj//aAAwDAQACAAMAAAAQ8w//xAAVEQEBAAAAAAAAAAAAAAAAAAABEP/aAAgBAwEBPxBZ/8QAFxEAAwEAAAAAAAAAAAAAAAAAARARIf/aAAgBAgEBPxARq//EABsQAQADAQADAAAAAAAAAAAAAAEAESFRQXGx/9oACAEBAAE/EDBTbYFA4unuCic7CIeYs+2l9QIbC4T/2Q==&apos;); background-size: cover; display: block;\"></span>\n  <img class=\"gatsby-resp-image-image\" alt=\"brightfield cuboid packager\" title=\"brightfield cuboid packager\" src=\"/static/46b841cff30353b436e809fa057b2a64/7e3f6/brightfield_cuboid_packager.jpg\" srcset=\"/static/46b841cff30353b436e809fa057b2a64/74ce1/brightfield_cuboid_packager.jpg 250w,\n/static/46b841cff30353b436e809fa057b2a64/c635c/brightfield_cuboid_packager.jpg 500w,\n/static/46b841cff30353b436e809fa057b2a64/7e3f6/brightfield_cuboid_packager.jpg 1000w,\n/static/46b841cff30353b436e809fa057b2a64/29ca2/brightfield_cuboid_packager.jpg 1442w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" loading=\"lazy\">\n    </span>\n \n&#xA0; \n<p>I have long wanted a tool dedicated to cleaning up whiteboard capture\nimages. There are commercial tools but nothing made me happy. Of late\nI’ve been coding a lot of image processing in a machine learning\ncontext. So, Whiteboarder just kinda happened over this last month by\nhacking on a Jupyter notebook to see what could be cooked up with the\ntools I was already using for a different purpose.</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: 33.3950046253469%; position: relative; bottom: 0; left: 0; background-image: url(&apos;data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAHABQDASIAAhEBAxEB/8QAFwABAAMAAAAAAAAAAAAAAAAAAAMEBf/EABUBAQEAAAAAAAAAAAAAAAAAAAEC/9oADAMBAAIQAxAAAAG1oEsgo//EABYQAQEBAAAAAAAAAAAAAAAAAAIAIv/aAAgBAQABBQIOOjf/xAAVEQEBAAAAAAAAAAAAAAAAAAABEP/aAAgBAwEBPwFn/8QAFREBAQAAAAAAAAAAAAAAAAAAARD/2gAIAQIBAT8BJ//EABQQAQAAAAAAAAAAAAAAAAAAABD/2gAIAQEABj8Cf//EABgQAAMBAQAAAAAAAAAAAAAAAAABESEx/9oACAEBAAE/IcDJeFSP/9oADAMBAAIAAwAAABB3z//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8QH//EABURAQEAAAAAAAAAAAAAAAAAABAx/9oACAECAQE/EKP/xAAZEAEAAwEBAAAAAAAAAAAAAAABABEhMXH/2gAIAQEAAT8QanLiU0Ub6Rw7P//Z&apos;); background-size: cover; display: block;\"></span>\n  <img class=\"gatsby-resp-image-image\" alt=\"red kneecap\" title=\"red kneecap\" src=\"/static/9bab29f6d065c7cfb7ccb24177e3fff1/7e3f6/red_kneecap.jpg\" srcset=\"/static/9bab29f6d065c7cfb7ccb24177e3fff1/74ce1/red_kneecap.jpg 250w,\n/static/9bab29f6d065c7cfb7ccb24177e3fff1/c635c/red_kneecap.jpg 500w,\n/static/9bab29f6d065c7cfb7ccb24177e3fff1/7e3f6/red_kneecap.jpg 1000w,\n/static/9bab29f6d065c7cfb7ccb24177e3fff1/db64a/red_kneecap.jpg 1500w,\n/static/9bab29f6d065c7cfb7ccb24177e3fff1/7ef33/red_kneecap.jpg 2000w,\n/static/9bab29f6d065c7cfb7ccb24177e3fff1/be821/red_kneecap.jpg 2162w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" loading=\"lazy\">\n    </span>\n&#xA0; \n<p>Note: this is very much not an end-user tool. The tech is simply not\nmature enough for full auto-pilot. But the results can be impressive\nwith a touch of human intelligence in the mix. So, Whiteboarder is for\nfolks who are comfortable seeing what is going on under the\nhood. There will be code.</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: 37.597503900156006%; position: relative; bottom: 0; left: 0; background-image: url(&apos;data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAIABQDASIAAhEBAxEB/8QAFwABAAMAAAAAAAAAAAAAAAAAAAIEBf/EABUBAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIQAxAAAAHRskTFf//EABgQAQADAQAAAAAAAAAAAAAAAAEAAiEx/9oACAEBAAEFAi2HBn//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAWEAADAAAAAAAAAAAAAAAAAAAAARD/2gAIAQEABj8CFP/EABgQAQEBAQEAAAAAAAAAAAAAAAEAESFR/9oACAEBAAE/ISU3RY57bF//2gAMAwEAAgADAAAAEP8Az//EABURAQEAAAAAAAAAAAAAAAAAAAEQ/9oACAEDAQE/EGf/xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/ED//xAAZEAADAQEBAAAAAAAAAAAAAAAAARFBMVH/2gAIAQEAAT8QbiprPTcxWBHORw//2Q==&apos;); background-size: cover; display: block;\"></span>\n  <img class=\"gatsby-resp-image-image\" alt=\"git and jupyter book\" title=\"git and jupyter book\" src=\"/static/a9dac730c427607d3411b575c0fc852b/7e3f6/git_and_jupyter_book.jpg\" srcset=\"/static/a9dac730c427607d3411b575c0fc852b/74ce1/git_and_jupyter_book.jpg 250w,\n/static/a9dac730c427607d3411b575c0fc852b/c635c/git_and_jupyter_book.jpg 500w,\n/static/a9dac730c427607d3411b575c0fc852b/7e3f6/git_and_jupyter_book.jpg 1000w,\n/static/a9dac730c427607d3411b575c0fc852b/8fc29/git_and_jupyter_book.jpg 1282w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" loading=\"lazy\">\n    </span>\n&#xA0; \n<p>Additionally, the project is an experiment with Jupyter as a\ndevelopment platform. The question is: just how far can a Jupyter\nnotebook’s UI be morphed into an end-user-ish utility tool? The code is\n<a href=\"https://github.com/JohnTigue/whiteboarder\">available on GitHub.</a></p>\n<p>Whiteboard can read your own images: specify an URL, upload a file, or\ntake a picture in-browser. To take Whiteboarder for a test drive on\nColab click below:</p>\n<center>\n<a href=\"https://colab.research.google.com/github/JohnTigue/whiteboarder/blob/master/whiteboarder.ipynb\"><img src=\"https://colab.research.google.com/assets/colab-badge.svg\" width=\"23%\"></a>\n</center>","frontmatter":{"title":"Whiteboarder: A Two Bit Image Processor","date":"May 26, 2020","description":"Jupyter as whiteboard capture image post-processor"}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"/whiteboarder_a_two_bit_photo_processor/","previous":{"fields":{"slug":"/eight_bit_gauges/"},"frontmatter":{"title":"Eight Bit Gauges in Jupyter"}},"next":null}}}