Skip to content
An open source starter kit featuring samples that show you how to use Data APIs from with Esri maps, Mapbox, D3, and Leaflet.
Jupyter Notebook HTML JavaScript CSS
Branch: master
Clone or download
juliekdang Merge pull request #6 from dragonflyz369/master
Update ArcGIS Income Choropleth Page
Latest commit 79d83f1 Jan 22, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
dcopendata_cama_python fixed binder link Mar 5, 2018
help https fixes to URLs Mar 31, 2017
images Add schools icon Apr 3, 2017
stylesheets publish Mar 31, 2017 Update Apr 4, 2017
DCCrimeTree.js publish Mar 31, 2017 publish Mar 31, 2017 Update Mar 21, 2018
_config.yml publish Mar 31, 2017
dcopendata_atmlocations_arcgis.html Update dcopendata_atmlocations_arcgis.html Feb 26, 2018
dcopendata_bikeshare_mapbox.html https fixes to URLs Mar 31, 2017
dcopendata_crime_collapsibletree_mapbox.html https fixes to URLs Mar 31, 2017
dcopendata_crime_treemap_d3.html update crime treemap to 2017 year to date Apr 29, 2017
dcopendata_income_choropleth_arcgis.html Update ArcGIS Income Choropleth Page Jan 10, 2019
dcopendata_income_choropleth_google.html https fixes to URLs Mar 31, 2017
dcopendata_school_buffer_arcgis.html ditto Mar 13, 2018
dcopendata_school_mapbox.html https fixes to URLs Mar 31, 2017
dcopendata_ward_leaflet.html https fixes to URLs Mar 31, 2017
index.html Update index.html Mar 31, 2017


This repo is a collection of samples designed to demonstrate how developers can use the json-based APIs found at Open Data DC to build data-centric applications. It is managed by DC Government staff members of Chief Data Officer's team.

Explore Live Demos

About the Samples

The samples...

  • require only basic developer or analyst skills and tools.
  • are easily hacked by simply changing data sources, titles, and making other minor configuration changes.
  • have an understated but pleasing look-and-feel.
  • show how you can consume data on Open Data DC in lots of clients: esri, D3, mapbox, leaflet, google maps

Table of Contents

Number Name Description Technologies
1 dcopendata_atmlocations_arcgis Simple clustering using ArcGIS JS API Dojo, ArcGIS JS API
2 dcopendata_bikeshare_mapbox Uses pin to location and simple buffer to reveal points in range, includes seach by location, 'my location', and drag and drop/click anywhere responses Mapbox GL JS, JQuery
3 dcopendata_buildingpermits_mapbox Simple clustering example with slider to display monthly datasets using Mapbox Mapbox GL JS, JQuery, D3
4 dcopendata_crime_collapsibletree_mapbox Displays crime data using dendrogram using mapbox Mapbox GL JS, D3, JQuery
5 dcopendata_crime_treemap_d3 Displays crime data as a treemap using d3 D3, JQuery
6 dcopendata_income_choropleth_google Load values and display them with graduated colors with additional popups on scroll over/click using Google Maps JS API Google Maps JS API, JQuery
7 dcopendata_school_buffer_arcgis Simple example of geometry engine buffering using ArcGIS JavaScript API 4.X Dojo, ArcGIS JS API
8 dcopendata_school_mapbox Simple example of how to create side layout next to map and add interaction between data list item and map Mapbox JS, JQuery
9 dcopendata_ward_leaflet Simple example of loading in a basic data set into a leaflet map Leaflet, JQuery
10 dcopendata_cama_python Example of creating visual displays with python in a Jupyter Notebook Python, Jupyter Notebooks







Other examples of interesting and effective uses of data on

You can’t perform that action at this time.