Kathryn Killebrew flibbertigibbet

What is Torque?

Torque is an open-source JavaScript library from CartoDB for time series map visualization.

How are Torque Visualizations Created?

The simplest way to create a Torque time-lapse animation is to upload the data to a CartoDB account,

Chrome Developer Tools at I/O 2016

About the I/O presentation and demo app

The Chrome DevTools team gave this presentation at Google I/O 2016.

The code for the exact demo app used in their presentation apparently isn't public, but was based on the progressive web app CodeLabs demo, the code for which is here, in the 'final' directory.

Progressive web apps have a responsive design and define a manifest.json, which gives URLs for launcher icons and the start URL for the app. With the manifest.json in place, users can add the web app to their device home screen and launch it directly. Another common feature of progressive web apps is their use of service workers to cache resources, which allows them to load quickly, cut down on network use, and potentially work offline.

	var Windshaft = require('./lib/windshaft');
	var _ = require('underscore');

	var tablename = 'YOUR TABLENAME HERE';

	var style = '#' + tablename + ' { ' +
	'line-color: #EFF3FF; ' +
	'line-width: 2; ' +
	'} ';

	<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" />

	<body class="container-fluid">
	<div class="topnav" id="topnav">
	<ul>
	<li><a href="#About">About</a></li>
	<li><a href="#Portfolio">Portfolio</a></li>
	<li><a href="#Contact">Contact</a></li>
	</ul>
	</div>