Sample code for exploring DC Open Data
feel free to explore these samples using data from DC Open Data
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 poinin 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_arcgis | Load values and display them with graduated colors with additional popups on scroll over/click using ArcGIS JavaScript API | Dojo, ArcGIS JS API V3.X |
7 | 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 |
8 | dcopendata_school_buffer_arcgis | Simple example of geometry engine buffering using ArcGIS JavaScript API 4.X | Dojo, ArcGIS JS API |
9 | 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 |
10 | dcopendata_ward_leaflet | Simple example of loading in a basic data set using open source library | Leaflet, JQuery |