PageSourceSearch

https://pixelmonkeys.org/radix-pixel-visualizer/

html pixelmonkeys.org collected 2026-10-02 14:28:25 UTC 37,413 bytes, 381 lines download raw bytes

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&nbsp;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&nbsp;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&nbsp;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&amp;d=mm&amp;r=g","url":"https://secure.gravatar.com/avatar/7e999517b2b076f83eed42646f9584e665c968a6efbeb92ba40eb224bf1de9e7?s=96&amp;d=mm&amp;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&nbsp;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 &raquo; Feed" href="https://pixelmonkeys.org/feed/" />
51<link rel="alternate" type="application/rss+xml" title="Pixel Monkeys &raquo; 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&#038;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&nbsp;<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 &#8220;9,999,999&#8221; 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&#8217;s advantageous to abstract the notion of &#8220;every picture possible&#8221; 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&nbsp;</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 &amp; Ninke; Sierra; Stucki. Davids courtesy of Wikipedia user&nbsp;</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 &#8220;every picture possible,&#8221; imagining the visualization of &#8220;every picture possible&#8221;
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.