dcgovdcgov
63

Opendatadc Starterkit

screenshot of Opendatadc Starterkit

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.

Github

Overview:

The opendatadc-starterkit is a collection of samples that demonstrate how developers can use the json-based APIs found at Open Data DC to build data-centric applications. Managed by the DC government staff members of the Chief Data Officer's team, these samples require only basic developer or analyst skills and tools. They can be easily modified by changing data sources, titles, and making other minor configuration changes. The samples have an understated but pleasing look and feel, and showcase how data can be consumed on Open Data DC using various clients such as esri, D3, mapbox, leaflet, and google maps.

Features:

  • dcopendata_atmlocations_arcgis: Simple clustering using ArcGIS JS API with Dojo and ArcGIS JS API technologies.
  • dcopendata_bikeshare_mapbox: Uses pin to location and simple buffer to reveal points in range. Includes search by location, 'my location', and drag and drop/click anywhere responses. Utilizes Mapbox GL JS and JQuery technologies.
  • dcopendata_buildingpermits_mapbox: Simple clustering example with slider to display monthly datasets using Mapbox. Works with Mapbox GL JS, JQuery, and D3 technologies.
  • dcopendata_crime_collapsibletree_mapbox: Displays crime data using dendrogram using Mapbox. Relies on Mapbox GL JS, D3, and JQuery technologies.
  • dcopendata_crime_treemap_d3: Displays crime data as a treemap using D3 and JQuery technologies.
  • dcopendata_income_choropleth_arcgis: Loads values and displays them with graduated colors with additional popups on scroll over/click using ArcGIS JS API. Built with Dojo and ArcGIS JS API technologies.
  • dcopendata_income_choropleth_google: Loads values and displays them with graduated colors with additional popups on scroll over/click using Google Maps JS API. Developed with Google Maps JS API and JQuery technologies.
  • dcopendata_school_buffer_arcgis: Simple example of geometry engine buffering using ArcGIS JavaScript API 4.X. Relies on Dojo and ArcGIS JS API technologies.
  • dcopendata_school_mapbox: Simple example of how to create side layout next to map and add interaction between data list item and map. Built with Mapbox JS and JQuery technologies.
  • dcopendata_ward_leaflet: Simple example of loading in a basic data set into a Leaflet map. Utilizes Leaflet and JQuery technologies.
  • dcopendata_cama_python: Example of creating visual displays with Python in a Jupyter Notebook.

Summary:

The opendatadc-starterkit is a valuable resource for developers looking to build data-centric applications using the Open Data DC APIs. With a collection of samples that showcase different technologies such as ArcGIS JS API, Mapbox GL JS, D3, Leaflet, and Google Maps JS API, developers can easily understand how to consume data on Open Data DC in various clients. The samples are easy to modify and require only basic developer or analyst skills and tools. With a pleasing look and feel, these samples provide a starting point for developers to create effective and interesting data visualizations and applications.