Hackpads are smart collaborative documents. .

julie kanzler

551 days ago
Unfiled. Edited by julie kanzler 551 days ago
  • Michelle Atkinson, IO / Data 
julie k
  • julie kanzler / UX / opendata.dc.gov / OCTO @juliekdang, julie.kanzler@dc.gov
558 days ago
Unfiled. Edited by Logan Powell , julie kanzler , Tyrone Grandison-DOC 558 days ago
Logan P
Open Government
  • Social Media
  • Event hashtags: 
See Slide Deck of Challenges Here (still cooking)
Opportunity Theme: #hackthepaygap
Necessity Theme: #reentry
Necessity Theme: #refugeecrisis
Necessity Theme: #microenterprise
  • Selected Research:
  • Technologies and Data with on-site Support
  • CitySDK - mapping SDK and API (API beta testing today!) to make mashups with Census data
julie k
  • People's Choice Awards
921 days ago
Unfiled. Edited by thadk , Katherine Mereand-Sinha , Emanuel Feld , julie kanzler 921 days ago
Emanuel F Emanuel Feld emanuelfeld@gmail.com https://twitter.com/evonfriedland
Katherine M Evette Banfield  ebanfield@cnhed.org
Nesreen Khashan nesreen.khashan@census.gov
Kate Mereand-Sinha katherine.mereand-sinha@dc.gov
If you are developing a map-based solution, then https://developer.mapsense.co/ is a quick way to get a D3 map. 
Katherine M Selected CitySDK data alias
  • income ["B19013_001E"]
  • income_per_capita ["B19301_001E"]
  • median_contract_rent ["B25058_001E"]
  • median_home_value ["B25064_001E"]
  • median_gross_rent ["B25077_001E"]
Selected City SDK data labels
  • "B07008." (Mobility in last year by Marital Status)
  • "B28001." (Desktop, laptop, handheld computer)
  • "B28002." (Type of cable/broadband)
DC Datasets
  • Business Licenses
  • Commercial Rents
921 days ago
Unfiled. Edited by julie kanzler 921 days ago
julie k CitySDK.js
/* see how this sample can be fed into a treemap: 
var groupByVariables = ["state", "tract"]; /* these are the variables that you want to use for coloring and grouping in the Treemap */
var sizeVariables = ["B17001_004E", "B17001_018E"]; /*these are the variables that you want to use for sizing the boxes */
function getCensusDataForGeoAreas(censusVariables,callback) {
    var apiKey = "ae77327dc3a0f235c018398a77cf67ab2a85a7cd" //prompt("Please enter your Census API key", "API Key");
    var sdk = new CitySDK();
    var census = sdk.modules.census;
    /* hardcoded. TODO: make ths dynamic */
    var request = {
        "state": "DC",
        "level": "county",
        "sublevel": "true",
        "variables": censusVariables
    census.APIRequest(request, callback);
function processCensusOutput(response) {
    root = response;
 /* DO STUFF WITH root.data */   
921 days ago
Unfiled. Edited by julie kanzler 921 days ago
julie k BaseMapbox.js
<!DOCTYPE html>
    Default Public Token:
    Default Secret Token:
    <meta charset=utf-8 />
    <title>A simple map</title>
    <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
    <link href='https://api.tiles.mapbox.com/mapbox.js/v2.1.4/mapbox.css' rel='stylesheet' />
        body {
            margin: 0;
            padding: 0;
        #map {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 100%;
 * These CSS rules affect the tooltips within maps with the custom-popup
 * class. See the full CSS for all customizable options:
.custom-popup .leaflet-popup-content-wrapper {
.custom-popup .leaflet-popup-content-wrapper a {
.custom-popup .leaflet-popup-tip-container {
.custom-popup .leaflet-popup-tip {
  border-left:15px solid transparent;
  border-right:15px solid transparent;
  border-top:15px solid #2c3e50;
    <div id='map'></div>
    <div class='custom-popup' id='popup'></div>
        //CORS is enabled so we can all access live
        //so here's a local copy
        //var geojsonURL = "opendata.dc.education.json"
        $(document).ready(function () {
            $.getJSON(geojsonURL, function (data) {
                var geojson = [data];
                L.mapbox.accessToken = 'pk.eyJ1IjoianVsaWVrYW56bGVyIiwiYSI6InJ2Xy0teDgifQ.GyW8iKKrEkuWdgJ6i07d0A';
                L.mapbox.map('map', 'examples.map-i86nkdio')
                                  .setView([38.895, -77.0367], 12)

Contact Support

Please check out our How-to Guide and FAQ first to see if your question is already answered! :)

If you have a feature request, please add it to this pad. Thanks!

Log in