Vladimir V. Kuchinov vkuchinov

TODO LIST:

[x] dynamic gradients for pseudo-3D aesthetics [x] mockup tooltip, for now, containing only value. Eventually, could be extended with additional data.

[x] top left and right grids should match values [!] isometric view doesn't work well while back stack visually merge with front ones, so it makes the whole graph illegible. Have to be perspective view. To do this

WEEKLY TICKET STACKS Ф [based on two points prespective built with Ф golden ratio]

with UI interface for setting stack height ratio and radius.

zl: { x: -11,070, y: 11,993 }
zm: { x: 0.0, y: 14.392 }
zr: { x: 12.749, y: 12.466 }

	/**
	* @author qiao / https://github.com/qiao
	* @author mrdoob / http://mrdoob.com
	* @author alteredq / http://alteredqualia.com/
	* @author WestLangley / http://github.com/WestLangley
	*/

	THREE.OrbitControls = function ( object, domElement ) {

	this.object = object;

	<!DOCTYPE html>
	<html>

	<head lang="en"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="keywords" content="d3.js,javascript">
	<title>D3.JS Player with Iterator</title>
	<script src="https://d3js.org/d3.v4.min.js"></script>

	<style>

	/**
	* @author qiao / https://github.com/qiao
	* @author mrdoob / http://mrdoob.com
	* @author alteredq / http://alteredqualia.com/
	* @author WestLangley / http://github.com/WestLangley
	*/

	THREE.OrbitControls = function ( object, domElement ) {

	this.object = object;

	var data = [

	{ label: "Shandy Park", LngLat: [-0.039951, 51.520465], value: 18.78, color: 0x0074D9 },
	{ label: "Mile End Park", LngLat: [-0.034683, 51.521343], value: 38.77, color: 0x85144B },
	{ label: "Tower Hamlets Cemetery Park", LngLat: [-0.027022, 51.523187], value: 45.0, color: 0x39CCCC },
	{ label: "Meath Gardens", LngLat: [-0.043844, 51.527939], value: 51.55, color: 0xB10DC9 },
	{ label: "Tredegar Square", LngLat: [-0.032144, 51.527107], value: 16.01, color: 0x2ECC40 },
	{ label: "Carlton Square & Gardens", LngLat: [-0.044712, 51.523860], value: 60.84, color: 0xFFDC00 }

	];

	var svg, chart, background, g, defs, div, fulldata, data, w = 800, h = 600, dist, offset = 64, vratio = 1.0, radius = 18, zAxis, zValues, ratio = 0.3814, stacksData = [], filter = false, filtered = [true, true, true], maxRation;;

	var offset = 64;

	var days = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]; //could be German or whatever
	var states = ["Red Zone", "Yellow Zone", "Red Zone"];
	var maxStack = Number.NEGATIVE_INFINITY;

	var colors = ["#F0F0F0", "#FF652F", "#FFE400", "#14A76C"];

	/*

	WEEKLY TICKET STACKS Ф
	[based on two points prespective built with Ф golden ratio]

	zl: { x: -11,070, y: 11,993 }
	zm: { x: 0.0, y: 14.392 }
	zr: { x: 12.749, y: 12.466 }

	tp: { x: 0.0, y: 0.0 }