See discussion on Hacker News. Built with D3 and TopoJSON.
[ | |
// the following is a sample of a donor country | |
{'name': 'core_total', 'value':10000,'donor-country':'JPN'}, // from core-fund.csv, the sum of all core contribution | |
{'name': 'noncore_total', 'value': 50000,'donor-country':'JPN'}, // from fund-modality.csv, the sum of all 5 types of funding | |
{'name': 'cost_sharing', 'value': 10000, 'donor-country':'JPN'}, // from fund-modality.csv, sum of the respective type | |
{'name': 'thematic_trust_funds', 'value': 10000, 'donor-country':'JPN'}, | |
{'name': 'trust_funds', 'value': 10000, 'donor-country':'JPN'}, | |
{'name': 'special_activities', 'value': 10000, 'donor-country':'JPN'}, | |
{'name': 'unv', 'value': 10000, 'donor-country':'JPN'}, | |
... |
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | |
<title>SoundCloud OAuth 2 User Agent Authentication Flow Demo</title> | |
<script type="text/javascript" charset="utf-8" src="javascript/jquery-1.4.2.js"></script> | |
<script type="text/javascript" charset="utf-8"> | |
$(function () { | |
var extractToken = function(hash) { |
// http://www.html5rocks.com/en/tutorials/file/dndfiles/ | |
d3.select('svg') | |
.on('dragover', handleDragOver) | |
.on('drop', handleFileSelect) | |
; | |
function handleFileSelect() { | |
var event = d3.event | |
, files = event.dataTransfer.files // FileList object | |
, about = [] |
<!DOCTYPE html> | |
<meta charset="utf-8"> | |
<head> | |
<link href='//api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.css' rel='stylesheet' /> | |
<!--[if lte IE 8]> | |
<link href='//api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.ie.css' rel='stylesheet' /> | |
<![endif]--> | |
<script src='//api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.js'></script> | |
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> | |
</head> |
I picture the persona of my user to be someone who doesn’t necessarily have a lot of monetary stake in the ongoing developments in and around my area of Brooklyn. Those that do tend to be older and less in-touch with technology-they could operate a website but an app might be a challenge, let alone getting them to engage.
They’re involved in either public policy or local politics or are residents (most likely recent residents) that have a piqued interest in the recent developments in the area. They’re certainly upstarts, familiar with sites that compare rankings of locations on a map-that is yelp, Zillow, etc.
They come across this site via social media most certainly, perhaps having read about it on a local news website or blog. They can include reviews/ratings of the building developers and see more info once selecting a certain one.
Ideally this would be all on one screen, either a map or a list-all of the additional info and ratings should be pop-ups.
[Imgur](http://i.imgur.com/wjtG6u1.jpg
<html> | |
<head> | |
<title>About an Ice Cream Star </title> | |
<link rel="stylesheet" type="text/css" href="css/bootstrap.css"> | |
<link href='http://cdn.knightlab.com/libs/soundcite/latest/css/player.css' rel='stylesheet' type='text/css'> | |
</head> | |
<body> | |
<div class="container"> |
SRCCON COFFEE HACK STATION EQUIPMENT | |
================================ | |
Grinders | |
------------ | |
2x Mr Coffee Burr Grinders | |
2x Hairo Coffee Mill Slim | |
// this runs hellaoften | |
$(window).scroll(function() { | |
}); | |
// this runs hellaoften | |
$(window).scroll(_.throttle(function() { | |
}, 250)); |