kirjavascript’s gists

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 / 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 / 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 / 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>

kirjavascript / index.html

Last active January 15, 2016 17:59

Nested data binding

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
	</head>
	<body>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.12/d3.min.js"></script>
	<script>

kirjavascript / index.html

Last active January 9, 2016 01:18

signature scrawler

	<!DOCTYPE html>
	<html>
	<meta charset="utf-8">
	<head><title>thom</title></head>
	<style>
	svg{position:absolute;top:0;left:0;right:0;bottom:0;background:whitesmoke}
	</style>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
	<script>

kirjavascript / index.html

Last active January 7, 2016 17:40

clip path hax with snap.svg.js

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<title>stroke dash hax with Snap.svg.js</title>
	</head>
	<body>
	<svg></svg>
	</body>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.4.1/snap.svg-min.js"></script>

kirjavascript / index.html

Last active January 5, 2016 16:24

stroke dash hax with Snap.svg.js

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<title>stroke dash hax with Snap.svg.js</title>
	</head>
	<body>
	<svg></svg>
	</body>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.4.1/snap.svg-min.js"></script>

kirjavascript / index.html

Created December 22, 2015 01:30

AoC #3

	<body></body>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
	<script>
	/*
	created by snkenjoi/kirjava/colourful/cake
	*/

	var data = "^^<<v<<v><v^^<><>^^<v<v^>>^^^><^>v^>v><><><<vv^^<^>^^<v^>v>v^v>>>^<>v<^<v^><^>>>>><<v>>^>>^>v^>><<^>v>v<>^v^v^vvv><>^^>v><v<><>^><^^<vv^v<v>^v>>^v^>v><>v^<vv>^><<v^>vv^<<>v>>><<<>>^<vv<^<>^^vv>>>^><<<<vv^v^>>><><^>v<>^>v<v^v<^vv><^v^><<<<>^<>v>^v>v<v<v<<>v<^<<<v>>>>>^^v>vv^^<>^<>^^^^<^^^v<v^^>v<^^v^^>v>^v^^^^>><<v<>v<>^v^<v<>><>^^><<^^<^^>vv<>v^<^v<vv<<<>^>^^>^<>v^^vv<>>v><<<>vvv<>v<>><^<^v<>^vv>^^v<v<v><^<>>vv<^>>^>>vv^v<vv^vv<^<<>>^v^<>^>>>>vv>^^>v>vv>v><^vv^<<v>^<<^^<v<v>vv<v^^<>^^v>^>>v><^<<vv<<v^vv^^^v>>v<<v^><vv^><vv<^vv<<vv^v<<^v<^^v>><<v^>>^^<>v>><<v<>>^^<v>>^^>>vvv^><<<<<^<^vv<^<><v<<>^^^<<<^>^^^<v<<vv>vv<>^<>v<^v>^<<<v<v<v>>^v<>>v<<^<<v<<>^<<<><><>^>>>>^>v^v<<v<v<<>>vv<^vvv^^^^<vv>vv>^v^^v^<v^v><^vv<^vv>v<^>vv<>>^>^><vv<><^>v>^v>vvv<>^>^v<><>vv>><^v^<><><v>>v^v^><^<^>vv>v<^>vvv>v<<<<<^<v<<vv<^^^<<>>^v<vv<^<>v>^<v<>><><>^<<v>v^>^<vv

kirjavascript / index.html

Last active December 22, 2015 01:28

Fractals

	<!DOCTYPE html>
	<html>
	<meta charset="utf-8">
	<head><title>fractal</title></head>
	<style>
	svg{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}
	</style>
	<body></body>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
	<script>

Kirjava kirjavascript