Compare to SVG Swarm.
A response to Trevor Bedford's post, Comparing performance of Processing.js and D3.js.
| <!doctype html> | |
| <html lang=en> | |
| <head> | |
| <title>quick'n'dirty js testing framework</title> | |
| <meta charset=utf-8> | |
| <style type="text/css" media="screen"> | |
| h1{ font: 1.5em Helvetica; } | |
| p { font: .9em courier; padding: .5em 1em; margin: 0;} | |
| .result { margin-top: 1px; } |
| import re | |
| from operator import add, mul, sub | |
| import sys | |
| ops = {'=': add, '@': sub, '#': mul } | |
| r = '\^(.)\s*(\-?\d+)\s*(\-?\d+)\$' | |
| def e(g): | |
| g = g.groups() |
Compare to SVG Swarm.
A response to Trevor Bedford's post, Comparing performance of Processing.js and D3.js.
| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <style> | |
| body { | |
| font: 10px sans-serif; | |
| } | |
| .axis path, | |
| .axis line { |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src='http://api.tiles.mapbox.com/mapbox.js/v0.6.7/mapbox.js'></script> | |
| <link href='http://api.tiles.mapbox.com/mapbox.js/v0.6.7/mapbox.css' rel='stylesheet' /> | |
| <style> | |
| body { margin:0; padding:0; } | |
| #map { position:absolute; top:0; bottom:0; width:100%; } | |
| </style> | |
| </head> |
| <html> | |
| <head> | |
| <link rel="stylesheet" href="http://libs.cartocdn.com/cartodb.js/v2/themes/css/cartodb.css" /> | |
| <script src="http://libs.cartocdn.com/cartodb.js/v2/cartodb.js"></script> | |
| <style> | |
| html, body {padding: 0; margin: 0;} | |
| #map { width: 100%; height:100%; background: black;} | |
| #menu { position: absolute; top: 5; right: 5; width: 400px; height:60px; background: transparent;} | |
| #menu a { | |
| margin: 0 5px 0 0; |
| <html> | |
| <head> | |
| <link rel="stylesheet" href="http://libs.cartocdn.com/cartodb.js/v2/themes/css/cartodb.css" /> | |
| <link rel="stylesheet" href="http://geosprocket.com/assets/bootstrap/css/bootstrap-cosmo.css" /> | |
| <!--[if lte IE 8]> | |
| <link rel="stylesheet" href="http://libs.cartocdn.com/cartodb.js/v2/themes/css/cartodb.ie.css" /> | |
| <![endif]--> | |
| <style> | |
| html, body {width:100%; height:100%; padding: 0; margin: 0;} |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> | |
| <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> | |
| <style> | |
| html, body, #map { | |
| height: 100%; | |
| padding: 0; |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Easy example | CartoDB.js</title> | |
| <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> | |
| <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> | |
| <link rel="shortcut icon" href="http://cartodb.com/assets/favicon.ico" /> | |
| <style> | |
| html, body, #map { | |
| height: 100%; |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <title>HOJA DE ESTILO DISEÑO ECONOMIA</title> | |
| <meta name="description" content="Hoja de estilo para diseño del Master Economia"> |