Skip to content

Instantly share code, notes, and snippets.

@kirjavascript
kirjavascript / index.html
Last active May 20, 2020 04:56
d3 webGL force graph with PIXI.js
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<title>d3 webGL force graph with PIXI.js</title>
<meta name="description" content="">
<meta name="theme-color" content="#000000">
</head>
<body>
<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=default"></script>
@kirjavascript
kirjavascript / index.html
Created September 10, 2016 10:07
HTML Quine 2
onload=(b,c=`<`+`span style="color:#`)=>{`
<script src=#></script><div> #kirjavaquine </div>
`;document.body.innerHTML=`onload=${onload}`
.split('\n').map(d=>d.match(/\W|\w*/g)
.map(d=>(c+`17bf702a2d22`.match(/.../g)[`>{%'<#/script=(;"})`.indexOf(d)%4]+`">${d+`<`}/span>`))
.join('')).join('<'+'br/>')}
@kirjavascript
kirjavascript / index.html
Created September 10, 2016 02:25
HTML Quine
onload=(b,a='&'+'#x02005;',c=`<`+`span style="color:#`)=>document.querySelector('div').innerHTML=a+a+`
<script src=#></script><div> #kirjavaquine </div>
`.match(/\W|\w*/g).map(d=>(c+`17bf702a2d22`.match(/.../g)[`>div<#/script`.indexOf(d)%4]+`">${d+`<`}/span>`)).join('')
@kirjavascript
kirjavascript / .block
Last active August 27, 2016 17:02
rainbow maze
height: 1000
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head><title>calories</title></head>
<body>
</body>
<style>
.bar {
fill: steelblue;
@kirjavascript
kirjavascript / index.html
Created February 23, 2016 21:21
syntax golf
<meta charset="utf-8">
<style>body{font-size:28px}</style>
<body></body>
<script>
`function readtime(time) {
if (time == 'DNF') { return time; }
time = parseInt(time);
var min = 0;
var sec = (Math.floor(time/1000)%60);
min = Math.floor(time/60000);
@kirjavascript
kirjavascript / index.html
Created February 23, 2016 20:34
d3 syntaxr
<meta charset="utf-8">
<style>body{font-size:28px}</style>
<body></body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
<script>
var a =
`function readtime(time) {
if (time == 'DNF') { return time; }
@kirjavascript
kirjavascript / index.html
Created February 4, 2016 22:55
d3 + x3dom
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<title>kCube</title>
<script type='text/javascript' src='http://www.x3dom.org/download/x3dom.js'> </script>
<script src="http://d3js.org/d3.v3.min.js"></script>
<link rel='stylesheet' type='text/css' href='http://www.x3dom.org/download/x3dom.css'></link>
<style>
x3d {
position:absolute;
@kirjavascript
kirjavascript / index.html
Created February 4, 2016 22:41
d3.js + x3dom + WebGL = rubik test
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<title>kCube</title>
<script type='text/javascript' src='http://www.x3dom.org/download/x3dom.js'> </script>
<script src="http://d3js.org/d3.v3.min.js"></script>
<link rel='stylesheet' type='text/css' href='http://www.x3dom.org/download/x3dom.css'></link>
<style>
x3d {
position:absolute;
@kirjavascript
kirjavascript / index.html
Created February 2, 2016 23:19
x3dom test
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<title>X3DOM page</title>
<script type='text/javascript' src='http://www.x3dom.org/download/x3dom.js'> </script>
<script src="https://d3js.org/d3.v3.min.js"></script>
</head>
<body>
<x3d width='500px' height='400px'>
</x3d>