An open source starter kit featuring samples that show you how to use Data APIs from opendata.dc.gov with Esri maps, Mapbox, D3, and Leaflet.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dcopendata_cama_python
help
images
stylesheets
CONTRIBUTING.md
DCCrimeTree.js
LICENSE.md
README.md
_config.yml
dcopendata_atmlocations_arcgis.html
dcopendata_bikeshare_mapbox.html
dcopendata_buildingpermits_mapbox.html
dcopendata_crime_collapsibletree_mapbox.html
dcopendata_crime_treemap_d3.html
dcopendata_income_choropleth_arcgis.html
dcopendata_income_choropleth_google.html
dcopendata_school_buffer_arcgis.html
dcopendata_school_mapbox.html
dcopendata_ward_leaflet.html
index.html

README.md

opendatadc-starterkit

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

Credits

Contributing

See CONTRIBUTING.md

License

See LICENSE.md

etc

Other examples of interesting and effective uses of data on http://opendata.dc.gov: