UNPKG

regl-scatter2d

Version:

Scatter2d plot built with regl

github.com/dfcreative/regl-scatter2d

dfcreative/regl-scatter2d

33 lines (32 loc) • 7.54 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html> <html> <head> <title>regl-scatter2d</title> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" /> <meta charset=utf-8><meta name="application-name" content="regl-scatter2d"> <meta name="subject" content="Scatter2d plot built with regl"> <meta name="abstract" content="Scatter2d plot built with regl"> <meta name="twitter:title" content="regl-scatter2d"> <meta name="description" content="Scatter2d plot built with regl"> <meta name="twitter:description" content="Scatter2d plot built with regl"> <meta name="author" content="Dima Yv &lt;df.creative@gmail.com&gt;"> <meta name="twitter:creator" content="Dima Yv &lt;df.creative@gmail.com&gt;"> <meta name="twitter:card" content="summary"> <meta property="og:title" content="regl-scatter2d"> <meta property="og:description" content="Scatter2d plot built with regl"> <meta property="article:author" content="Dima Yv &lt;df.creative@gmail.com&gt;"> <style type="text/css">.github-corner{display:block;position:absolute;top:0;left:auto;right:0;z-index:10000}.github-corner svg{display:block}.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%{transform:rotate(0)}20%{transform:rotate(-25deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-25deg)}80%{transform:rotate(10deg)}100%{transform:rotate(0)}}@media(max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style><style type="text/css">/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html { touch-action: manipulation; } </style></head> <body><script>Array.prototype.fill||(Array.prototype.fill=function(t){if(null==this)throw new TypeError("this is null or not defined");for(var e=Object(this),o=e.length>>>0,r=arguments[1]>>0,d=r<0?Math.max(o+r,0):Math.min(r,o),i=arguments[2],y=void 0===i?o:i>>0,n=y<0?Math.max(o+y,0):Math.min(y,o);d<n;)e[d]=t,d++;return e});var methods=["values","sort","some","slice","reverse","reduceRight","reduce","map","keys","lastIndexOf","join","indexOf","includes","forEach","find","findIndex","copyWithin","filter","entries","every","fill"];if("undefined"!=typeof Int8Array)for(i=methods.length;i--;){method=methods[i];Int8Array.prototype[method]||(Int8Array.prototype[method]=Array.prototype[method])}if("undefined"!=typeof Uint8Array)for(i=methods.length;i--;){method=methods[i];Uint8Array.prototype[method]||(Uint8Array.prototype[method]=Array.prototype[method])}if("undefined"!=typeof Uint8ClampedArray)for(i=methods.length;i--;){method=methods[i];Uint8ClampedArray.prototype[method]||(Uint8ClampedArray.prototype[method]=Array.prototype[method])}if("undefined"!=typeof Int16Array)for(i=methods.length;i--;){method=methods[i];Int16Array.prototype[method]||(Int16Array.prototype[method]=Array.prototype[method])}if("undefined"!=typeof Uint16Array)for(i=methods.length;i--;){method=methods[i];Uint16Array.prototype[method]||(Uint16Array.prototype[method]=Array.prototype[method])}if("undefined"!=typeof Int32Array)for(i=methods.length;i--;){method=methods[i];Int32Array.prototype[method]||(Int32Array.prototype[method]=Array.prototype[method])}if("undefined"!=typeof Uint32Array)for(i=methods.length;i--;){method=methods[i];Uint32Array.prototype[method]||(Uint32Array.prototype[method]=Array.prototype[method])}if("undefined"!=typeof Float32Array)for(i=methods.length;i--;){method=methods[i];Float32Array.prototype[method]||(Float32Array.prototype[method]=Array.prototype[method])}if("undefined"!=typeof Float64Array)for(i=methods.length;i--;){method=methods[i];Float64Array.prototype[method]||(Float64Array.prototype[method]=Array.prototype[method])}if("undefined"!=typeof TypedArray)for(var i=methods.length;i--;){var method=methods[i];TypedArray.prototype[method]||(TypedArray.prototype[method]=Array.prototype[method])}if(window.AnalyserNode&&!window.AnalyserNode.prototype.getFloatTimeDomainData){var uint8=new Uint8Array(2048);window.AnalyserNode.prototype.getFloatTimeDomainData=function(t){this.getByteTimeDomainData(uint8);for(var e=0,o=t.length;e<o;e++)t[e]=.0078125*(uint8[e]-128)}}</script><a href="https://github.com/dfcreative/regl-scatter2d" class="github-corner" aria-label="View source on Github"><svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 250 250" fill="#fff"> <path d="M0 0l115 115h15l12 27 108 108V0z" fill="#333"/> <path class="octo-arm" d="M128 109c-15-9-9-19-9-19 3-7 2-11 2-11-1-7 3-2 3-2 4 5 2 11 2 11-3 10 5 15 9 16" style="-webkit-transform-origin: 130px 106px; transform-origin: 130px 106px"/> <path class="octo-body" d="M115 115s4 2 5 0l14-14c3-2 6-3 8-3-8-11-15-24 2-41 5-5 10-7 16-7 1-2 3-7 12-11 0 0 5 3 7 16 4 2 8 5 12 9s7 8 9 12c14 3 17 7 17 7-4 8-9 11-11 11 0 6-2 11-7 16-16 16-30 10-41 2 0 3-1 7-5 11l-12 11c-1 1 1 5 1 5z"/> </svg> </a></body> <script>Terminate batch job (Y/N)? Terminate batch job (Y/N)? Terminate batch job (Y/N)? Terminate batch job (Y/N)? Terminate batch job (Y/N)? Terminate batch job (Y/N)? Terminate batch job (Y/N)? Terminate batch job (Y/N)? Terminate batch job (Y/N)? Terminate batch job (Y/N)? Terminate batch job (Y/N)? Terminate batch job (Y/N)? Terminate batch job (Y/N)? Terminate batch job (Y/N)? Terminate batch job (Y/N)?