Alan Garcia adg29

A simple bookmarklet which makes our painful life a bit easier.

javascript:(function(b,a,c,d,e){if(/\.\w+$/.test(a))b.location=c+a.replace("/blob/","/");else if(e=prompt("Insert a filename:","index.html"))b.location=c+a.replace("/tree/","/")+(~a.indexOf(d)?"/":d)+e})(window,location.pathname,"http://rawgit.com","/master/");

The usage is quite simple:

Go to any repo where you like to preview a file, and execute the booklet. If the current url is a file, it should open the file directly, otherwise it will prompt for a filename (per default it is index.html).

This is a demonstration of how to create a combination town/county map from a shapefile using TopoJSON and d3.js.

It includes a simplified version of the code used for the Massachusetts special Senate election results on The Huffington Post.

Get the data

Download a shapefile of Massachusetts towns from the state's GIS site:

wget http://wsgw.mass.gov/data/gispub/shape/census2000/towns/census2000towns_poly.exe

Automatic Label Placement

This example is an extension of Mike Bostock’s tutorial Lets Make a Map that implements automatic label placement using the force layout and multiple foci. The centroid of each feature will define a foci of the force. This foci will attract the label that correspond to that feature (and ignore the others). The labels will repel themselves to avoid overlapping.

References

This gist shows how to restrict d3's zoom behavior so that users can't pan outside of a rectangular bounding box. Use your scroll wheel to zoom in and out of the field of circles, and click and drag to move when zoomed in. Note how when you zoom back out (by scrolling up) the view snaps to the original extent at zoom 1.

	#lsauer.com, 2013
	#Note: -)for convenience the function uses the re-module, but can be rewritten to fit into a lambda expression
	# -)choose any other, more-expressive return type such as NumPy's `nan` over None if you like

	#demonstrative-version:
	def parseInt(sin):
	import re
	return int(''.join([c for c in re.split(r'[,.]',str(sin))[0] if c.isdigit()])) if re.match(r'\d+', str(sin), re.M) and not callable(sin) else None

	#via a simple regex:

	(function() {
	var incrementWithoutSpace, incrementWithSpace, FirstColumnType, SecondColumnType;

	incrementWithoutSpace = 20; // I'm guessing this is in px
	incrementWithSpace = 40;

	FirstColumnType = function ColumnType1 () {
	var x, y, r;
	circle = {
	x : 20,

	<!DOCTYPE html>
	<html>
	<meta charset="utf-8">
	<head>
	<script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
	<script type="text/javascript" src="http://prcweb.co.uk/lab/circularheat/js/circularHeatChart.js"></script>
	<script type="text/javascript">
	var taxicabData = {"Charles Playhouse": [2226064, 3129361, 2439844, 177241, 147456, 284089, 498436, 1684804, 3147076, 3186225, 2660161, 2808976, 2650384, 2446096, 2505889, 2380849, 2643876, 2839225, 4276624, 4452100, 3621409, 3806401, 3104644, 1841449, 1708249, 1243225, 558009, 87616, 94249, 240100, 597529, 3154176, 5626384, 4583881, 3579664, 3717184, 3489424, 4536900, 4756761, 3845521, 3186225, 4618201, 6411024, 6416089, 5494336, 5764801, 6502500, 4639716, 4048144, 4787344, 3101121, 167281, 161604, 348100, 883600, 5062500, 7717284, 5466244, 3802500, 3759721, 4145296, 4524129, 4571044, 3912484, 4280761, 5098564, 7767369, 7612081, 6497401, 7214596, 6864400, 5058001, 5574321, 6295081, 3869089, 212521, 181476, 436921, 866761, 4431025, 6543364,

	library('RCurl')
	library('RJSONIO')
	library('igraph')

	stations.url <- getURL('http://citibikenyc.com/stations/json')
	dist.url <- getURL('appservices.citibikenyc.com/data2/stations.php')

	# prep stations for kmeans clustering
	stations.prep <- function(url) {
	stations.json2 <- fromJSON(url, method='C')

	# db/migrate/XXXXXXXXXXXXX_add_authentication_token_to_users.rb

	class AddAuthenticationTokenToUsers < ActiveRecord::Migration
	def change
	add_column :users, :authentication_token, :string

	add_index :users, :authentication_token, :unique => true
	end
	end

	height: 650
	license: mit