-
Notifications
You must be signed in to change notification settings - Fork 23
/
Copy pathindex.html
140 lines (129 loc) · 6.83 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="description" content="opendatadc-starterkit : sample code for exploring DC Open Data">
<link rel="stylesheet" type="text/css" media="screen" href="stylesheets/stylesheet.css">
<title>opendatadc-starterkit</title>
</head>
<body>
<!-- HEADER -->
<div id="header_wrap" class="outer">
<header class="inner">
<a id="forkme_banner" href="https://github.com/DCgov/opendatadc-starterkit">View on GitHub</a>
<h1 id="project_title">opendatadc-starterkit</h1>
</header>
</div>
<!-- MAIN CONTENT -->
<div id="main_content_wrap" class="outer">
<section id="main_content" class="inner">
<h3 id="project_tagline">Sample code for exploring DC Open Data</h3>
<p align="left">feel free to explore these samples using data from <a href="opendata.dc.gov" target="_blank">DC Open Data</a></p>
<table width="100%">
<tr>
<th>Number</th>
<th>Name</th>
<th>Description</th>
<th>Technologies</th>
<!--<th>Other</th>-->
</tr>
<tr>
<td>1</td>
<td><a href="dcopendata_atmlocations_arcgis.html" target="_blank">dcopendata_atmlocations_arcgis</a>
</td>
<td>Simple clustering using ArcGIS JS API</td>
<td><a href="https://dojotoolkit.org/" target="_blank">Dojo</a>, <a
href="https://developers.arcgis.com/javascript/" target="_blank">ArcGIS JS API</a></td>
</tr>
<tr>
<td>2</td>
<td><a href="dcopendata_bikeshare_mapbox.html" target="_blank">dcopendata_bikeshare_mapbox</a></td>
<td>Uses pin to location and simple buffer to reveal poinin range, includes seach by location, 'my
location', and drag and drop/click anywhere responses
</td>
<td><a href="https://www.mapbox.com/mapbox-gl-js/api/" target="_blank">Mapbox GL JS</a>, <a
href="https://jquery.com/" target="_blank">JQuery</a></td>
</tr>
<tr>
<td>3</td>
<td><a href="dcopendata_buildingpermits_mapbox.html"
target="_blank">dcopendata_buildingpermits_mapbox</a></td>
<td>Simple clustering example with slider to display monthly datasets using Mapbox</td>
<td><a href="https://www.mapbox.com/mapbox-gl-js/api/" target="_blank">Mapbox GL JS</a>, <a
href="https://jquery.com/" target="_blank">JQuery</a>, <a href="https://d3js.org/"
target="_blank">D3</a></td>
</tr>
<tr>
<td>4</td>
<td><a href="dcopendata_crime_collapsibletree_mapbox.html" target="_blank">dcopendata_crime_collapsibletree_mapbox</a>
</td>
<td>Displays crime data using dendrogram using mapbox</td>
<td><a href="https://www.mapbox.com/mapbox-gl-js/api/" target="_blank">Mapbox GL JS</a>, <a
href="https://d3js.org/" target="_blank">D3</a>, <a href="https://jquery.com/" target="_blank">JQuery</a>
</td>
</tr>
<tr>
<td>5</td>
<td><a href="dcopendata_crime_treemap_d3.html" target="_blank">dcopendata_crime_treemap_d3</a></td>
<td>Displays crime data as a treemap using d3</td>
<td><a href="https://d3js.org/" target="_blank">D3</a>, <a href="https://jquery.com/" target="_blank">JQuery</a>
</td>
</tr>
<tr>
<td>6</td>
<td><a href="dcopendata_income_choropleth_arcgis.html" target="_blank">dcopendata_income_choropleth_arcgis</a>
</td>
<td>Load values and display them with graduated colors with additional popups on scroll over/click using
ArcGIS JavaScript API
</td>
<td><a href="https://dojotoolkit.org/" target="_blank">Dojo</a>,
<a href="https://developers.arcgis.com/javascript/3/" target="_blank">ArcGIS JS API V3.X</a>
</td>
</tr>
<tr>
<td>7</td>
<td><a href="dcopendata_income_choropleth_google.html" target="_blank">dcopendata_income_choropleth_google</a>
</td>
<td>Load values and display them with graduated colors with additional popups on scroll over/click using
Google Maps JS API
</td>
<td><a href="https://developers.google.com/maps/documentation/javascript/" target="_blank">Google Maps
JS API</a>, <a href="https://jquery.com/" target="_blank">JQuery</a></td>
</tr>
<tr>
<td>8</td>
<td><a href="dcopendata_school_buffer_arcgis.html" target="_blank">dcopendata_school_buffer_arcgis</a>
</td>
<td>Simple example of geometry engine buffering using ArcGIS JavaScript API 4.X</td>
<td><a href="https://dojotoolkit.org/" target="_blank">Dojo</a>, <a
href="https://developers.arcgis.com/javascript/" target="_blank">ArcGIS JS API</a></td>
</tr>
<tr>
<td>9</td>
<td><a href="dcopendata_school_mapbox.html" target="_blank">dcopendata_school_mapbox</a></td>
<td>Simple example of how to create side layout next to map and add interaction between data list item
and map
</td>
<td><a href="https://www.mapbox.com/mapbox.js/api/v3.0.1/" target="_blank">Mapbox JS</a>, <a
href="https://jquery.com/" target="_blank">JQuery</a></td>
</tr>
<tr>
<td>10</td>
<td><a href="dcopendata_ward_leaflet.html" target="_blank">dcopendata_ward_leaflet</a></td>
<td>Simple example of loading in a basic data set using open source library</td>
<td><a href="https://leafletjs.com/" target="_blank">Leaflet</a>, <a href="https://jquery.com/"
target="_blank">JQuery</a></td>
</tr>
</table>
</section>
</div>
<!-- FOOTER -->
<div id="footer_wrap" class="outer">
<footer class="inner">
<p class="copyright">opendatadc-starterkit maintained by <a href="https://github.com/DCgov">DCgov</a> <a href="https://octo.dc.gov/">OCTO</a></p>
<p>Published with <a href="https://pages.github.com">GitHub Pages</a></p>
</footer>
</div>
</body>
</html>