1
1<script src="/wp-content/themes/pixelmonkeys/p5/p5.min.js"></script>
1 2
2<script src="/wp-content/themes/pixelmonkeys/p5/addons/p5.dom.min.js"></script>
2 3
3<script src="/wp-content/themes/pixelmonkeys/p5/addons/p5.sound.min.js"></script>
3 4 5
5<script src="https://peterolson.github.io/BigInteger.js/BigInteger.min.js"></script>
5 6 7
7<script src="/wp-content/themes/pixelmonkeys/p5/binary.js"></script>
7 8 9 <link rel="stylesheet" href="/wp-content/themes/pixelmonkeys/jquery-ui/jquery-ui.css"> 10 <link rel="stylesheet" href="/wp-content/themes/pixelmonkeys/jquery-ui/style.css"> 11
11<script src="https://code.jquery.com/jquery-1.12.4.js"> 12 13 14 15 </script>
15 16
16<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
16 17 18<!doctype html> 19<html lang="en-US" prefix="og: https://ogp.me/ns#"> 20<head> 21 <meta charset="UTF-8"> 22 <meta name="viewport" content="width=device-width, initial-scale=1"> 23 <link rel="profile" href="https://gmpg.org/xfn/11"> 24 25 <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> 26 27<!-- Search Engine Optimization by Rank Math - https://rankmath.com/ --> 28<title>Radix Pixel Visualizer - Pixel Monkeys</title> 29<meta name="description" content="The radix is the number of unique digits, including the digit zero, used to represent numbers in a positional numeral system. The most popular of these"/> 30<meta name="robots" content="index, follow, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/> 31<link rel="canonical" href="https://pixelmonkeys.org/radix-pixel-visualizer/" /> 32<meta property="og:locale" content="en_US" /> 33<meta property="og:type" content="article" /> 34<meta property="og:title" content="Radix Pixel Visualizer - Pixel Monkeys" /> 35<meta property="og:description" content="The radix is the number of unique digits, including the digit zero, used to represent numbers in a positional numeral system. The most popular of these" /> 36<meta property="og:url" content="https://pixelmonkeys.org/radix-pixel-visualizer/" /> 37<meta property="og:site_name" content="Pixel Monkeys" /> 38<meta property="og:updated_time" content="2023-12-01T01:16:29+00:00" /> 39<meta property="article:published_time" content="2023-11-30T23:07:44+00:00" /> 40<meta property="article:modified_time" content="2023-12-01T01:16:29+00:00" /> 41<meta name="twitter:card" content="summary_large_image" /> 42<meta name="twitter:title" content="Radix Pixel Visualizer - Pixel Monkeys" /> 43<meta name="twitter:description" content="The radix is the number of unique digits, including the digit zero, used to represent numbers in a positional numeral system. The most popular of these" /> 44<meta name="twitter:label1" content="Time to read" /> 45<meta name="twitter:data1" content="1 minute" />
46<script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":["Person","Organization"],"@id":"https://pixelmonkeys.org/#person","name":"Pixel Monkeys","logo":{"@type":"ImageObject","@id":"https://pixelmonkeys.org/#logo","url":"https://pixelmonkeys.org/wp-content/uploads/sites/4/2023/11/pixel_monkeys_logo-150x80.gif","contentUrl":"https://pixelmonkeys.org/wp-content/uploads/sites/4/2023/11/pixel_monkeys_logo-150x80.gif","caption":"Pixel Monkeys","inLanguage":"en-US"},"image":{"@type":"ImageObject","@id":"https://pixelmonkeys.org/#logo","url":"https://pixelmonkeys.org/wp-content/uploads/sites/4/2023/11/pixel_monkeys_logo-150x80.gif","contentUrl":"https://pixelmonkeys.org/wp-content/uploads/sites/4/2023/11/pixel_monkeys_logo-150x80.gif","caption":"Pixel Monkeys","inLanguage":"en-US"}},{"@type":"WebSite","@id":"https://pixelmonkeys.org/#website","url":"https://pixelmonkeys.org","name":"Pixel Monkeys","publisher":{"@id":"https://pixelmonkeys.org/#person"},"inLanguage":"en-US"},{"@type":"ImageObject","@id":"http://pixelmonkeys.mattkane.com/wp-content/uploads/sites/4/2023/11/david.png","url":"http://pixelmonkeys.mattkane.com/wp-content/uploads/sites/4/2023/11/david.png","width":"200","height":"200","inLanguage":"en-US"},{"@type":"WebPage","@id":"https://pixelmonkeys.org/radix-pixel-visualizer/#webpage","url":"https://pixelmonkeys.org/radix-pixel-visualizer/","name":"Radix Pixel Visualizer - Pixel Monkeys","datePublished":"2023-11-30T23:07:44+00:00","dateModified":"2023-12-01T01:16:29+00:00","isPartOf":{"@id":"https://pixelmonkeys.org/#website"},"primaryImageOfPage":{"@id":"http://pixelmonkeys.mattkane.com/wp-content/uploads/sites/4/2023/11/david.png"},"inLanguage":"en-US"},{"@type":"Person","@id":"https://pixelmonkeys.org/author/adminmatt/","name":"adminmatt","url":"https://pixelmonkeys.org/author/adminmatt/","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/7e999517b2b076f83eed42646f9584e665c968a6efbeb92ba40eb224bf1de9e7?s=96&d=mm&r=g","url":"https://secure.gravatar.com/avatar/7e999517b2b076f83eed42646f9584e665c968a6efbeb92ba40eb224bf1de9e7?s=96&d=mm&r=g","caption":"adminmatt","inLanguage":"en-US"},"sameAs":["http://mattkane.com"]},{"@type":"Article","headline":"Radix Pixel Visualizer - Pixel Monkeys","datePublished":"2023-11-30T23:07:44+00:00","dateModified":"2023-12-01T01:16:29+00:00","author":{"@id":"https://pixelmonkeys.org/author/adminmatt/","name":"adminmatt"},"publisher":{"@id":"https://pixelmonkeys.org/#person"},"description":"The radix is the number of unique digits, including the digit zero, used to represent numbers in a positional numeral system. The most popular of these","name":"Radix Pixel Visualizer - Pixel Monkeys","@id":"https://pixelmonkeys.org/radix-pixel-visualizer/#richSnippet","isPartOf":{"@id":"https://pixelmonkeys.org/radix-pixel-visualizer/#webpage"},"image":{"@id":"http://pixelmonkeys.mattkane.com/wp-content/uploads/sites/4/2023/11/david.png"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://pixelmonkeys.org/radix-pixel-visualizer/#webpage"}}]}</script>
46 47<!-- /Rank Math WordPress SEO plugin --> 48 49<link rel='dns-prefetch' href='//pixelmonkeys.org' /> 50<link rel="alternate" type="application/rss+xml" title="Pixel Monkeys » Feed" href="https://pixelmonkeys.org/feed/" /> 51<link rel="alternate" type="application/rss+xml" title="Pixel Monkeys » Comments Feed" href="https://pixelmonkeys.org/comments/feed/" />
52<script> 53window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/pixelmonkeys.org\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.8.10"}}; 54/*! This file is auto-generated */ 55!function(s,n){var o,i,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),a=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===a[t]})}function u(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);for(var n=e.getImageData(16,16,1,1),a=0;a<n.data.length;a++)if(0!==n.data[a])return!1;return!0}function f(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\udedf")}return!1}function g(e,t,n,a){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):s.createElement("canvas"),o=r.getContext("2d",{willReadFrequently:!0}),i=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(function(e){i[e]=t(o,e,n,a)}),i}function t(e){var t=s.createElement("script");t.src=e,t.defer=!0,s.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",i=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){s.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+g.toString()+"("+[JSON.stringify(i),f.toString(),p.toString(),u.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"}),r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=function(e){c(n=e.data),r.terminate(),t(n)})}catch(e){}c(n=g(i,f,p,u))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); 56</script>
56 57<style id='wp-emoji-styles-inline-css'> 58 59 img.wp-smiley, img.emoji { 60 display: inline !important; 61 border: none !important; 62 box-shadow: none !important; 63 height: 1em !important; 64 width: 1em !important; 65 margin: 0 0.07em !important; 66 vertical-align: -0.1em !important; 67 background: none !important; 68 padding: 0 !important; 69 } 70</style> 71<link rel='stylesheet' id='wp-block-library-css' href='https://pixelmonkeys.org/wp-includes/css/dist/block-library/style.min.css?ver=6.8.10' media='all' /> 72<style id='classic-theme-styles-inline-css'> 73/*! This file is auto-generated */ 74.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 75</style> 76<style id='rank-math-toc-block-style-inline-css'> 77.wp-block-rank-math-toc-block nav ol{counter-reset:item}.wp-block-rank-math-toc-block nav ol li{display:block}.wp-block-rank-math-toc-block nav ol li:before{content:counters(item, ".") ". ";counter-increment:item} 78 79</style> 80<style id='rank-math-rich-snippet-style-inline-css'> 81/*! 82* Plugin: Rank Math 83* URL: https://rankmath.com/wordpress/plugin/seo-suite/ 84* Name: rank-math-review-snippet.css 85*/@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(-360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(-360deg)}}@keyframes bounce{from{-webkit-transform:translateY(0px);transform:translateY(0px)}to{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@-webkit-keyframes bounce{from{-webkit-transform:translateY(0px);transform:translateY(0px)}to{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@-webkit-keyframes loading{0%{background-size:20% 50% ,20% 50% ,20% 50%}20%{background-size:20% 20% ,20% 50% ,20% 50%}40%{background-size:20% 100%,20% 20% ,20% 50%}60%{background-size:20% 50% ,20% 100%,20% 20%}80%{background-size:20% 50% ,20% 50% ,20% 100%}100%{background-size:20% 50% ,20% 50% ,20% 50%}}@keyframes loading{0%{background-size:20% 50% ,20% 50% ,20% 50%}20%{background-size:20% 20% ,20% 50% ,20% 50%}40%{background-size:20% 100%,20% 20% ,20% 50%}60%{background-size:20% 50% ,20% 100%,20% 20%}80%{background-size:20% 50% ,20% 50% ,20% 100%}100%{background-size:20% 50% ,20% 50% ,20% 50%}}:root{--rankmath-wp-adminbar-height: 0}#rank-math-rich-snippet-wrapper{overflow:hidden}#rank-math-rich-snippet-wrapper h5.rank-math-title{display:block;font-size:18px;line-height:1.4}#rank-math-rich-snippet-wrapper .rank-math-review-image{float:right;max-width:40%;margin-left:15px}#rank-math-rich-snippet-wrapper .rank-math-review-data{margin-bottom:15px}#rank-math-rich-snippet-wrapper .rank-math-total-wrapper{width:100%;padding:0 0 20px 0;float:left;clear:both;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}#rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-total{border:0;display:block;margin:0;width:auto;float:left;text-align:left;padding:0;font-size:24px;line-height:1;font-weight:700;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}#rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-review-star{float:left;margin-left:15px;margin-top:5px;position:relative;z-index:99;line-height:1}#rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-review-star .rank-math-review-result-wrapper{display:inline-block;white-space:nowrap;position:relative;color:#e7e7e7}#rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-review-star .rank-math-review-result-wrapper .rank-math-review-result{position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap;color:#ffbe01}#rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-review-star .rank-math-review-result-wrapper i{font-size:18px;-webkit-text-stroke-width:1px;font-style:normal;padding:0 2px;line-height:inherit}#rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-review-star .rank-math-review-result-wrapper i:before{content:"\2605"}body.rtl #rank-math-rich-snippet-wrapper .rank-math-review-image{float:left;margin-left:0;margin-right:15px}body.rtl #rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-total{float:right}body.rtl #rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-review-star{float:right;margin-left:0;margin-right:15px}body.rtl #rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-review-star .rank-math-review-result{left
85:auto;right:0}@media screen and (max-width: 480px){#rank-math-rich-snippet-wrapper .rank-math-review-image{display:block;max-width:100%;width:100%;text-align:center;margin-right:0}#rank-math-rich-snippet-wrapper .rank-math-review-data{clear:both}}.clear{clear:both} 86 87</style> 88<style id='global-styles-inline-css'> 89:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
89--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
89.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 90:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} 91:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} 92:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} 93</style> 94<link rel='stylesheet' id='openseadragon_css-css' href='https://pixelmonkeys.org/wp-content/plugins/mk-artist/js/openseadragon.css?ver=1.0.0' media='all' /> 95<link rel='stylesheet' id='justified_css-css' href='https://pixelmonkeys.org/wp-content/plugins/mk-artist/js/justifiedGallery.min.css?ver=6.8.10' media='all' /> 96<link rel='stylesheet' id='styles_css-css' href='https://pixelmonkeys.org/wp-content/plugins/mk-artist/css/styles.css?ver=6.8.10' media='all' /> 97<link rel='stylesheet' id='swiper_css-css' href='https://pixelmonkeys.org/wp-content/plugins/mk-artist/js/swiper-bundle.min.css?ver=6.8.10' media='all' /> 98<link rel='stylesheet' id='pixelmonkeys-style-css' href='https://pixelmonkeys.org/wp-content/themes/pixelmonkeys/style.css?ver=1.0.0' media='all' />
99<script src="https://pixelmonkeys.org/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
vendor: 1 bytes, line 99
99
100<script src="https://pixelmonkeys.org/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
vendor: 1 bytes, line 100
100
101<script src="https://pixelmonkeys.org/wp-content/plugins/mk-artist/js/openseadragon.min.js?ver=1.0.0" id="openseadragon_js-js"></script>
vendor: 1 bytes, line 101
101
102<script src="https://pixelmonkeys.org/wp-content/plugins/mk-artist/js/jquery.justifiedGallery.min.js?ver=1.0.0" id="justified-js"></script>
vendor: 1 bytes, line 102
102
103<script src="https://pixelmonkeys.org/wp-content/plugins/mk-artist/js/custom.js?ver=1.0.0" id="custom_js-js"></script>
vendor: 1 bytes, line 103
103
104<script src="https://pixelmonkeys.org/wp-content/plugins/mk-artist/js/swiper-bundle.min.js?ver=6.8.10" id="swiper_js-js"></script>
vendor: 1 bytes, line 104
104
105<script src="https://pixelmonkeys.org/wp-content/plugins/mk-artist/js/openseadragon_play.js?ver=1.0.0" id="openseadragon_play_js-js"></script>
105 106<link rel="https://api.w.org/" href="https://pixelmonkeys.org/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://pixelmonkeys.org/wp-json/wp/v2/pages/16" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://pixelmonkeys.org/xmlrpc.php?rsd" /> 107<meta name="generator" content="WordPress 6.8.10" /> 108<link rel='shortlink' href='https://pixelmonkeys.org/?p=16' /> 109<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://pixelmonkeys.org/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fpixelmonkeys.org%2Fradix-pixel-visualizer%2F" /> 110<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://pixelmonkeys.org/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fpixelmonkeys.org%2Fradix-pixel-visualizer%2F&format=xml" /> 111 <style type="text/css"> 112 .site-title, 113 .site-description { 114 position: absolute; 115 clip: rect(1px, 1px, 1px, 1px); 116 } 117 </style> 118 119 <div id="fb-root"></div>
120<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.3&appId=1502167766717067&autoLogAppEvents=1"></script>
120 121 122 <link href="https://fonts.googleapis.com/css?family=VT323&display=swap" rel="stylesheet"> 123 124</head> 125 126<body class="wp-singular page-template page-template-page-radix page-template-page-radix-php page page-id-16 wp-custom-logo wp-theme-pixelmonkeys no-sidebar"> 127<div id="page" class="site"> 128 <a class="skip-link screen-reader-text" href="#content">Skip to content</a> 129 130 <header id="masthead" class="site-header"> 131 <div class="site-branding"> 132 <a href="https://pixelmonkeys.org/" class="custom-logo-link" rel="home"><img width="315" height="80" src="https://pixelmonkeys.org/wp-content/uploads/sites/4/2023/11/pixel_monkeys_logo.gif" class="custom-logo" alt="Pixel Monkeys" decoding="async" /></a> <p class="site-title"><a href="https://pixelmonkeys.org/" rel="home">Pixel Monkeys</a></p> 133 <p class="site-description">Every Possible Picture with a Random Pixel Generator</p> 134 </div><!-- .site-branding --> 135 136 <nav id="site-navigation" class="main-navigation"> 137 <button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false">Primary Menu</button> 138 <div class="menu-main-menu-container"><ul id="primary-menu" class="menu"><li id="menu-item-29" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-29"><a href="https://pixelmonkeys.org/">Interactive</a></li> 139<li id="menu-item-35" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-35"><a href="https://pixelmonkeys.org/random-pixel-generator/">Random</a></li> 140<li id="menu-item-33" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33"><a href="https://pixelmonkeys.org/ordered-pixel-generator/">Ordered</a></li> 141<li id="menu-item-34" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-16 current_page_item menu-item-34"><a href="https://pixelmonkeys.org/radix-pixel-visualizer/" aria-current="page">Radix</a></li> 142<li id="menu-item-32" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32"><a href="https://pixelmonkeys.org/generative-adversarial-network/">GAN</a></li> 143<li id="menu-item-31" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-31"><a href="https://pixelmonkeys.org/frequently-asked-questions/">FAQ</a></li> 144<li id="menu-item-30" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30"><a href="https://pixelmonkeys.org/about/">About</a></li> 145</ul></div> </nav><!-- #site-navigation --> 146 </header><!-- #masthead --> 147 148 <div id="content" class="site-content"> 149 150<style type="text/css"> 151#secondary{ 152 width: 100%; 153 display: inline-block; 154} 155 156.controls{ 157 width: 100%; 158 display: inline-block; 159 margin-right: 20px; 160} 161 162#sketch-holder{ 163 display: inline-block; 164 width: 40%; 165 vertical-align: top; 166} 167 168.radixLeft{ 169 display: inline-block; 170 width: 40%; 171 vertical-align: top; 172 173} 174 175.radixRight{ 176 display: inline-block; 177 width: 40%; 178 vertical-align: top; 179} 180</style> 181 182 <div id="primary" class="content-area"> 183 <main id="main" class="site-main"> 184 185 186<article id="post-16" class="post-16 page type-page status-publish hentry"> 187 <header class="entry-header"> 188 <h1 class="entry-title">Radix Pixel Visualizer</h1> </header><!-- .entry-header --> 189 190 191 <div class="entry-content"> 192 193<p>The <em>radix</em> is the number of unique digits, including the digit zero, used to represent numbers in a positional numeral system. The most popular of these is binary, or 2 numbers. This yields a string of zeros and ones. For example, 01010101. The natural way we think about numbers is with a radix of 10, where we have 0,1,2,3,4,5,6,7,8,9 at our disposal. <br><br>Below is a chart that displays the number “9,999,999” with different radix. <br><br>Radix Representation (padded to 25 places)<br>02 0100110001001011001111111<br>03 0000000000200211001102100<br>04 0000000000000212021121333<br>05 0000000000000010024444444<br>10 0000000000000000009999999<br>12 0000000000000000003423053<br>16 000000000000000000098967f<br>36 000000000000000000005yc1r<br><br>If each number or letter were symbolized by a color and broken up into columns and rows of designated dimensions, pixel image representations could be represented by every number. <br><br>For the sake of discovering every picture possible, it’s advantageous to abstract the notion of “every picture possible” down to a restriction of size and color. <br><br>DITHERING<br><img decoding="async" class="wp-image-88" style="width: px;" src="http://pixelmonkeys.mattkane.com/wp-content/uploads/sites/4/2023/11/david.png" alt=""><br><em>Common </em><a href="https://en.wikipedia.org/wiki/Dither#Algorithms" target="_blank" rel="noopener">dithering algorithms</a><em>. From left to right: Atkinson; Burkes; FloydâSteinberg; Jarvis, Judice & Ninke; Sierra; Stucki. Davids courtesy of Wikipedia user </em><a href="https://en.wikipedia.org/wiki/User:Gerbrant" target="_blank" rel="noopener">Gerbrant</a> <br><br>Any photo can have a dither algorithm applied to it in order to reduce it to black and white pixels. So by working within a set dimension and using 2 radix numbers (binary) to represent “every picture possible,” imagining the visualization of “every picture possible”
193 becomes graspable. Every picture possible, as seen through a black and white dither, is waiting to be discovered within the existence of numbers themselves. </p> 194 195 196 197<p>INTERACTIVE <br>Upload a photo and see the photo become a number which can be visualized. This should help you imagine how within numbers, every possible image is in existence and just waiting to be discovered.<br><br></p> 198 </div><!-- .entry-content --> 199 200 </article><!-- #post-16 --> 201 202 <div class="radixVisualizer"> 203 <div class="radixLeft"> 204
204<script> 205 206 207 208 $(document).ready(function(){ 209 210 //alert(bigInt("854308948598507589378957389575798457359837595985341").toString(2)); 211 212 $(".goBtn").click(function(){ 213 go = 1; 214 }); 215 216 $( "#myNumber" ).resizable({ 217 handles: "se" 218 }); 219 }); 220 221 $( function() { 222 $( "#slider-radix" ).slider({ 223 range: "max", 224 min: 2, 225 max: 36, 226 value: 2, 227 slide: function( event, ui ) { 228 $( "#radix" ).val( ui.value ); 229 if(colorType==2){ 230 radix = 8; 231 } 232 else{ 233 radix = ui.value; 234 } 235 } 236 }); 237 $( "#radix" ).val( $( "#slider-radix" ).slider( "value" ) ); 238 } ); 239 240 241 242 $( function() { 243 $( "#slider-pixels-width" ).slider({ 244 range: "max", 245 min: 1, 246 max: 200, 247 value: 48, 248 slide: function( event, ui ) { 249 $( "#pixelsWidth" ).val( ui.value ); 250 widthCells = ui.value; 251 } 252 }); 253 $( "#pixelsWidth" ).val( $( "#slider-pixels-width" ).slider( "value" ) ); 254 } ); 255 256 257 $( function() { 258 $( "#slider-pixels-height" ).slider({ 259 range: "max", 260 min: 1, 261 max: 200, 262 value: 48, 263 slide: function( event, ui ) { 264 $( "#pixelsHeight" ).val( ui.value ); 265 heightCells= ui.value; 266 } 267 }); 268 $( "#pixelsHeight" ).val( $( "#slider-pixels-height" ).slider( "value" ) ); 269 } ); 270 271 272 $( function() { 273 $( "#slider-pixel-size" ).slider({ 274 range: "max", 275 min: 1, 276 max: 50, 277 value: 2, 278 slide: function( event, ui ) { 279 $( "#pixelSize" ).val( ui.value ); 280 cellSize= ui.value; 281 } 282 }); 283 $( "#pixelSize" ).val( $( "#slider-pixel-size" ).slider( "value" ) ); 284 } ); 285 286 287 288 </script>
288 289 290 291 </head> 292 <body> 293 <div class="controls"> 294 295 296 297 298 299 300 301 302 <p> 303 Color Palette: 304 <br/> 305 306<input type="radio" name="colorType" checked="checked" value="1"> Greyscale<br> 307 308<p class="radixCont"> 309 <label for="radix">Radix:</label> 310 <input type="text" id="radix" readonly style="border:0; color:#f6931f; font-weight:bold;"> 311 </p> 312<div id="slider-radix"></div> 313<br/> 314 315 316<input type="radio" name="colorType" value="2"> 8-Bit Color (RGBCMYKW)<br/> 317 </p> 318 319 320 321 322 <p> 323 <label for="pixelsWidth">Width:</label> 324 <input type="text" id="pixelsWidth" readonly style="border:0; color:#f6931f; font-weight:bold;"> 325</p> 326<div id="slider-pixels-width"></div> 327 328<p> 329 <label for="pixelsHeight">Minimum Height:</label> 330 <input type="text" id="pixelsHeight" readonly style="border:0; color:#f6931f; font-weight:bold;"> 331</p> 332<div id="slider-pixels-height"></div> 333 334<p> 335 <label for="pixelSize">Pixel Size:</label> 336 <input type="text" id="pixelSize" readonly style="border:0; color:#f6931f; font-weight:bold;"> 337</p> 338<div id="slider-pixel-size"></div> 339 340 341 342 343 344 </div> 345 </div> 346 <div class="radixRight" id="radixRight"> 347 <div id="file-holder"> 348 349 </div> 350 <div id="sketch-holder"> 351 352 </div> 353 354 <p> 355 <label for="myNumber">Integer Number:</label> 356 <textarea rows="5" cols="150" id="myNumber" style="border:0; color:#f6931f; font-weight:bold;">2456255931586879525884688098562287721025710342349841834031272278664065365949458610020525454172127527216676201271245742101520522559284078968116879970493776989680258688961938732350877950523446974628891534267819442978881835419645994685594031445318115051177827937491689428325131841113434158613234062560712645078117430312152879212931094100684790624457378502564534042710201241593966986366716907795767021581604695410931481931613877249573971849736226786118987996676566531873557189563396982209742795230664415878456066310050343940430903770294704013683116928309015005097925907825558134923953690389407866537555503898734690555324388266352574054278798727231474265384506192224718683239935605833194608504074238</textarea> 357 </p> 358 </div> 359 360 </div> 361 362 </main><!-- #main --> 363 </div><!-- #primary --> 364 365 366 <footer id="colophon" class="site-footer"> 367 <div class="site-info" style="display:none;"> 368 <a href="https://wordpress.org/"> 369 Proudly powered by WordPress </a> 370 <span class="sep"> | </span> 371 Theme: pixelmonkeys by <a href="http://underscores.me/">Underscores.me</a>. </div><!-- .site-info --> 372 </footer><!-- #colophon --> 373</div><!-- #page --> 374
375<script type="speculationrules"> 376{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/sites\/4\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/pixelmonkeys\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 377</script>
vendor: 1 bytes, line 377
377
378<script src="https://pixelmonkeys.org/wp-content/themes/pixelmonkeys/js/navigation.js?ver=1.0.0" id="pixelmonkeys-navigation-js"></script>
378 379 380</body> 381</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.