Hackpads are smart collaborative documents. .

julie kanzler

497 days ago
Unfiled. Edited by julie kanzler 497 days ago
  • Michelle Atkinson, IO / Data 
julie k
  • julie kanzler / UX / opendata.dc.gov / OCTO @juliekdang, julie.kanzler@dc.gov
 
504 days ago
Unfiled. Edited by Logan Powell , julie kanzler , Tyrone Grandison-DOC 504 days ago
Logan P
  • SPONSORS
 
Open Government
 
 
  • Social Media
  • Event hashtags: 
 
  • CHALLENGES
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
 
867 days ago
Unfiled. Edited by thadk , Katherine Mereand-Sinha , Emanuel Feld , julie kanzler 867 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
 
 
 
 
867 days ago
Unfiled. Edited by julie kanzler 867 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 */
 
getCensusDataForGeoAreas(sizeVariables,processCensusOutput);
 
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;
    census.enable(apiKey);
 
    /* 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 */   
}    
 
 
867 days ago
Unfiled. Edited by julie kanzler 867 days ago
julie k BaseMapbox.js
<!DOCTYPE html>
<html>
<head>
    <!--
    Default Public Token:
    pk.eyJ1IjoianVsaWVrYW56bGVyIiwiYSI6InJ2Xy0teDgifQ.GyW8iKKrEkuWdgJ6i07d0A
    Default Secret Token:
    sk.eyJ1IjoianVsaWVrYW56bGVyIiwiYSI6ImUtalpvRlUifQ.5I2zHdwzw49Dl30fJGNifw
            -->
    <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' />
    <style>
        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 {
  background:#2c3e50;
  color:#fff;
  font-size:16px;
  line-height:24px;
  }
.custom-popup .leaflet-popup-content-wrapper a {
  color:rgba(255,255,255,0.5);
  }
.custom-popup .leaflet-popup-tip-container {
  width:30px;
  height:15px;
  }
.custom-popup .leaflet-popup-tip {
  border-left:15px solid transparent;
  border-right:15px solid transparent;
  border-top:15px solid #2c3e50;
  }
</style>
</head>
<body>
    <div id='map'></div>
    <div class='custom-popup' id='popup'></div>
    <script>
        //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)
                                  .featureLayer.setGeoJSON(geojson);
            });
        });
 
    </script>
</body>
</html>
 
 

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