add TOC
[tools.git] / index.md
maxious 1 Welcome to the GovHack toolkit. This page provides all the information you need to prepare hackfest entries.
2 These tools can be used to make entries like: mobile apps, web apps, data visualisations/infographics
3
4
5 - govhack toolkit!!!!
6 - key datasets, directory.gov.au gazetter/AEC electorates/suburbs/postcodes/LGAs
7
8 - definitions, open licence reuse permissive hacker hack data journalism data bis UCX etc.
9 - what do govhack entries look like?
10 - roles; coder, designer UX/graphics
11
12 server admin / technical tools
13 many projects will require some kind of internet presence, webpage etc.
14 video tools, youtube slideshow, FOSS video editing tools
15 - http://ubuntu-tutorials.com/2008/11/11/relaying-postfix-smtp-via-smtpgmailcom/
16 - amon
17
18 geo
19 - http://converter.mygeodata.eu/vector kml exporter for shp
20 - http://bost.ocks.org/mike/map/
21
22 R
23 - http://blog.yhathq.com/posts/10-R-packages-I-wish-I-knew-about-earlier.html
24 - excel -> R/rattle/ deducer? http://www.r-bloggers.com/updates-to-the-deducer-family-of-packages/
25
26 d3
27 - http://datadrivenjournalism.net/resources/data_driven_documents_defined
28 - http://www.benmcmahen.com/blog/posts/50eb57d55a94d35262000001 d3 svg
29
30 API
31 - howto.gov api tutorial
32 - http://shancarter.com/data_converter/
33 - http://training.sunlightfoundation.com/module/data-visualizations-google-docs/
34 - api documentation
35 - WSDL or http://swagger.wordnik.com/ or https://github.com/mashery/iodocs
36 - http://symfony.com/ https://github.com/FriendsOfSymfony/FOSRestBundle http://williamdurand.fr/2012/08/02/rest-apis-with-symfony2-the-right-way/ https://github.com/nelmio/NelmioApiDocBundle better apis https://github.com/liip/LiipHelloBundle
37 - https://github.com/elc/rapi_doc https://github.com/Pajk/apipie-rails
38 -
39 - tools.disclo.gs - how to use data
40 - https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet#wiki-images reference style images?
41 - developer tools inc. linked data
42 - gephi -> neo4j
43 - neo4j lets you build on, do massive queries of who is friends with who
44 - don't use network viz if what you actually have is a tree/hierarchy with no interconnections http://www.randelshofer.ch/treeviz/ http://thejit.org/demos/ http://mbostock.github.com/protovis/ex/treemap.html http://blog.pixelingene.com/2011/07/building-a-tree-diagram-in-d3-js/
45 - http://mbostock.github.com/d3/ex/pack.html http://mbostock.github.com/d3/ex/tree.html
46 - postgis/quantum gis
47 - (google earth is alright but many limitations) NASA World Wind?
48 - ABS statistical areas
49 - http://irs.gis-lab.info/ wms or http://www.gdal.org/frmt_wms_openstreetmap_tms.xml
50 - can do nearest/isin/union queries - personal geocoder
51 - cloudmade geocoder, google maps my maps
52 - base layers like agri or nearmap
53 - scraperwiki with new pytemplate libraries
54 - makes an API for your data to get in sqlite/json/csv
55 - three.js with cables vis? Overviewer from AP?
56 - govhack library
57 - http://hpneo.github.com/gmaps/examples.html
58 - android datviz
59 - http://code.google.com/p/afreechart/ http://code.google.com/p/snowdon/ http://code.google.com/p/chartdroid/ http://androidplot.com/ http://code.google.com/p/achartengine/
60 - https://graphics.stanford.edu/wikis/cs448b-12-fall/ data viz theory
61 - https://mixpanel.com/education/understanding-the-first-five-minutes
62 - http://drawingbynumbers.org/toolsandresources
63 - http://wmbriggs.com/blog/?p=6465
64 - http://ofps.oreilly.com/titles/9781449339739/k_00000002.html list of d3 alternatives
65 - http://craigkerstiens.com/2012/10/01/understanding-postgres-performance/
66 - https://github.com/clips/pattern for easy NLP/network analysis/data mining
67 - https://github.com/theodi/open-data-tech-review/wiki othr cleanup/linked data toola
68 - http://www.opentripplanner.org/apidoc/rest.plan.html
69 - http://selection.datavisualization.ch/ data viz tools catalog
70 - http://www.slideshare.net/OReillyStrata/visualizing-networks-beyond-the-hairball
71 - http://blog.sciencenet.cn/blog-554179-622011.html SNA tools catalog
72 - https://github.com/jacomyal/osdc2012-sigmajs-demo sigmajs filtering/searching
73 - manipulating data - grep/find replace/sed/regex
74 - d3 tools and tutorial http://enjalot.com/ http://news.ycombinator.com/item?id=4608440
75 - Why d3 is the way it is and how to make charts http://bost.ocks.org/mike/chart/
76 - how to make an xkcd chart http://bl.ocks.org/3914862
77 - http://blog.josephwilk.net/ruby/latent-semantic-analysis-in-ruby.html similar terms usually found together
78 - data viz
79 - http://k2company.com/blog/2012/09/06/toolbox-for-learning-machine-learning-and-data-science/
80 - http://williamparry.blogspot.com.au/2011/04/putting-data-into-google-fusion-tables.html google fusion tutorial
81 - andrewharvey4.wordpress.com postgis/asgs tutorial
82 - http://www.slideshare.net/maxdemarzi/etl-into-neo4j
83 - http://www.twotorials.com/ for R
84 - http://www.r-bloggers.com/gradient-word-clouds/ http://www.rstudio.com/shiny/ http://blog.ouseful.info/2012/11/28/quick-shiny-demo-exploring-nhs-winter-sit-rep-data/ https://github.com/timelyportfolio/shiny-d3-plot https://github.com/trestletech/shiny-sandbox/tree/master/grn
85 - http://is-r.tumblr.com/post/38240018815/making-prettier-network-graphs-with-sna-and-igraph
86 - http://www.r-bloggers.com/video-simpler-tricks-and-tools-help-debugging-git-latex-and-workflow-with-r-by-prof-rob-hyndman/
87 - http://yihui.name/knitr/ makes reports including google widgets/charts/maps via http://www.r-bloggers.com/googlevis-0-3-2-is-released-better-integration-with-knitr/
88 - http://chartsnthings.tumblr.com/post/36978271916/r-tutorial-simple-charts http://flowingdata.com/2012/12/17/getting-started-with-charts-in-r/
89 - http://dydra.com/
90 - http://selection.datavisualization.ch/ data viz tools list
91 - http://nodexl.codeplex.com/ network graphs for excel
92 - http://sunfoundation.tumblr.com/
93 - css framework like bootstrap or zurb foundation
94 - analysing - linked data tools
95 - http://govcampau.wikispaces.com/useful+tools
96 - http://linkeddata.org/home
97 - analysing - unstructured/nlp incl overviewer, opennlp/nltk, lucene/solr
98 - http://www.r-bloggers.com/simple-text-mining-with-r/
99
Alex Sadleir 100
101 # Hosted Developer Tools {#hosted-developer-tools}
102
103 ### Sourceforge
104
105 Subversion, Git, Mercurial, Bazaar, CVS, issue tracker, wiki, release file downloads. Unlimited free use for open source projects.
106
107 You can create your own Sourceforge project at [http://sourceforge.net/](http://sourceforge.net/)
108
109 ### Google Code Project Hosting
110
111 Git, Mercurial, and Subversion code. Issue tracker, wiki, release file downloads. Unlimited free use for open source projects.
112
113 You can host your Google Code project and get access to developer tools, APIs and documentation at [http://code.google.com/](http://code.google.com/)
114
115
116
Maxious 117 # The basics of being a data scientist
118
Alex Sadleir 119 * Have a hypothesis � even if you’re making a tool/api that helps people with their questions too, remember what the objective of that is.
120 * Find the people and tools you need to prove/show/find. This rest of this page will help with the latter.
121 * Analyse and present results � were they what you expected? Do they help explain to others what you have found out? Can present as a interactive data visualisation or a web/mobile application or just a infographic/motion graphics video that tells a story.
Maxious 122 Please note, there are a combination of Analysis and Visualisation tools in each of the major categories below.
123
Alex Sadleir 124 # API Development {#api-development}
Maxious 125
126
127 So an API isn’t just an XML file ![;)](http://www.govhack.org/wp-includes/images/smilies/icon_wink.gif)
128
129 A good web based data API:
130
131 * Is logically organised
132 * Can filter returned data
133 * Can return results in different open formats (CSV/JSON etc.)
134 * Is efficient and responsive by using caching and databases appropriately
135 * Handles errors gracefully
136 * Monitors and controls access (to show benefit realised of API and prevent abuse)
137 * Provides appropriate documentation with examples
138
139 Some people like sensis [http://](http://developers.sensis.com.au/)[developers.sensis.com.<wbr>au</wbr>](http://developers.sensis.com.au/)[/](http://developers.sensis.com.au/) use a provider like[http://](http://mashery.com/)[mashery.com](http://mashery.com/)[/](http://mashery.com/) or [https](https://apigee.com/)[://](https://apigee.com/)[apigee.com](https://apigee.com/) or [http://](http://apiaxle.com/)[apiaxle.com](http://apiaxle.com/)[/](http://apiaxle.com/) or [http://www.3scale.net/](http://www.3scale.net/) which handles making a good API for them.
140
141 Atlassian have a great page on what makes a good API [https](https://developer.atlassian.com/display/REST/Atlassian+REST+API+Design+Guidelines+version+1)[://](https://developer.atlassian.com/display/REST/Atlassian+REST+API+Design+Guidelines+version+1)[developer.atlassian.<wbr>com</wbr>](https://developer.atlassian.com/display/REST/Atlassian+REST+API+Design+Guidelines+version+1)[/display/REST/](https://developer.atlassian.com/display/REST/Atlassian+REST+API+Design+Guidelines+version+1)[Atlassian](https://developer.atlassian.com/display/REST/Atlassian+REST+API+Design+Guidelines+version+1)[+<wbr>REST+API+Design+Guidelines+<wbr>version+1</wbr></wbr>](https://developer.atlassian.com/display/REST/Atlassian+REST+API+Design+Guidelines+version+1)
142
143
144
145
146
Alex Sadleir 147 # Infographics and Data Visualisation {#data-visualisation}
148
149 Infographics try to contextualise charts and graphs to tell a story. Data vis builds on this to find new ways to design insight.
150
151 Most of the categories to follow have visualisation tools specific to their purpose.
152
153 You can find some data visualisation &#8220;essential&#8221\. tools below:
154
155 [http://www.visualisingdata.com/index.php/2011/07/part-6-the-essential-collection-of-visualisation-resources/](http://www.visualisingdata.com/index.php/2011/07/part-6-the-essential-collection-of-visualisation-resources/)
156
157 Also check out [http://thejit.org](http://thejit.org/) &amp; [http://www.senchalabs.org/<wbr>philogl/</wbr>](http://www.senchalabs.org/philogl/) (contributed by Matt Adcock)
158
159
Maxious 160
Alex Sadleir 161
162 # Geographical Data Tools {#geographical-data-tools}
163
164 Check out the[ GeoRabble Boundary Mapper&#8217;s Cookbook](http://georabble.org/2012/05/31/the-boundary-mappers-cookbook/) to see how you can tie all these things together!
165
166 ## Analysis
167
168 ### PostGIS
169
170 [![](http://www.govhack.org/wp-content/uploads/postgisexample-300x130.jpg "postgisexample")](http://www.govhack.org/wp-content/uploads/postgisexample.jpg)PostGIS is an extension for the PostgreSQL database server that allows you to store and manipulate geospatial data on a large scale. For example finding which points are in an area or what points are closest . It is also very useful for storing geospatial data because it can convert between all major formats including ESRI Shape files and Google Earth/Maps KML.
171
172 ### Quantum GIS
173
174 [![](http://www.govhack.org/wp-content/uploads/How-to-participate-in-GovHack_html_m50afbe88-300x160.jpg "QGIS Screenshot")](http://www.govhack.org/wp-content/uploads/How-to-participate-in-GovHack_html_m50afbe88.jpg)QGIS is a graphical desktop application that allows viewing and editing of geospatial data. Some good base maps are available by adding the WMS layer/server [http://irs.gis-lab.info/](http://irs.gis-lab.info/)
175
176 ## Visualisation
177
maxious 178 ### Layar and other augmented reality tools
179
180 ### Google Fusion Tables/ChartsBin/[OpenHeatMap](http://www.openheatmap.com/)
181
182 [![](http://www.govhack.org/wp-content/uploads/fusiontablesscreenshot-300x168.jpg "fusiontablesscreenshot")](http://www.govhack.org/wp-content/uploads/fusiontablesscreenshot.jpg)Input a numerical values and areas to a spreadsheet and maps are produced
183
184 ### [Cartographer.js](http://cartographer.visualmotive.com/)
185
186 [![](http://www.govhack.org/wp-content/uploads/cartographerjs-300x187.png "cartographerjs screenshot")](http://www.govhack.org/wp-content/uploads/cartographerjs.png)Input data as JSON and maps are produced.
187
188
189
190 ### OpenLayers/Google Maps/[Leaflet](http://leaflet.cloudmade.com/)
191
192 [![](http://www.govhack.org/wp-content/uploads/How-to-participate-in-GovHack_html_512fcbe1-300x173.jpg "OpenLayers Screenshot")](http://www.govhack.org/wp-content/uploads/How-to-participate-in-GovHack_html_512fcbe1.jpg)Display points and different layers. Leaflet is the easiest to use if you just want to show points with popups when clicked on.
193
194 ### NASA World Wind/Google Earth
195
196 [![](http://www.govhack.org/wp-content/uploads/How-to-participate-in-GovHack_html_4dda24a4-300x261.jpg "WorldWind screenshot")](http://www.govhack.org/wp-content/uploads/How-to-participate-in-GovHack_html_4dda24a4.jpg)Google Earth provides 3\. viewing of KML/GML files which represent points and shapes, both through a desktop application and a web plugin. These can be extended with interactive features that allow you to view by timeline or have animated tours between different points. You can also develop and customise your own viewer with the open source [NASA World Wind toolkit.](http://goworldwind.org/demos/)
197
198 ###
199
Alex Sadleir 200 # Tabular Data Tools {#tabular-data-tools}
201
202 ## Analysis
203
204 ### Excel / Calc
205
206 Great basic analysis and viewing. Older versions can be limited to 6500\. or so rows. Eg [http://www.tcij.org/training-material/car/data-mining/3474](http://www.tcij.org/training-material/car/data-mining/3474)
207
208 ### [DataWrangler](http://vis.stanford.edu/wrangler/)/[Google Refine](http://code.google.com/p/google-refine/)
209
210 [![](http://www.govhack.org/wp-content/uploads/google_refine_interface.png "google_refine_interface")](http://www.govhack.org/wp-content/uploads/google_refine_interface.png)Clean up duplicate or inconsistent data entries.
211
212 ### PostgreSQL/MySQL
213
214 [![](http://www.govhack.org/wp-content/uploads/How-to-participate-in-GovHack_html_209ee972.jpg "SQL screenshot")](http://www.govhack.org/wp-content/uploads/How-to-participate-in-GovHack_html_209ee972.jpg)Next step up, large datasets can be manipulated/extracted efficiently for example [http://www.postgresql.org/docs/8.4/static/tutorial-window.html](http://www.postgresql.org/docs/8.4/static/tutorial-window.html) , no built-in data visualisation though.
215
216 [Miso Dataset](http://misoproject.com/dataset/)
217
Alex Sadleir 218 [![](http://www.govhack.org/wp-content/uploads/How-to-participate-in-GovHack_html_m53b7ee38-293x300.png "miso screenshot")](http://www.govhack.org/wp-content/uploads/How-to-participate-in-GovHack_html_m53b7ee38.png)Javascript data transformation library � especially good if you want to use the output for javascript interactive visualisations because the transformations can be done on-the-fly by users.
219
220 ### R Statistical Language
221
222 [![](http://www.govhack.org/wp-content/uploads/rstudio-windows-300x249.png "rstudio-windows")](http://www.govhack.org/wp-content/uploads/rstudio-windows.png)Advanced data analysis, can find and visualise trends in large datasets. Some reference resources to learn the language [http://cran.r-project.org/doc/manuals/R-intro.html ](http://cran.r-project.org/doc/manuals/R-intro.html)There are also some addons that provide graphical interfaces that make it easier to use such as Rattle [http://rattle.togaware.com/](http://rattle.togaware.com/) , RStudio [http://rstudio.org/](http://rstudio.org/) or Deducer [http://www.deducer.org/pmwiki/pmwiki.php?n=Main.DeducerManual](http://www.deducer.org/pmwiki/pmwiki.php?n=Main.DeducerManual)
223
224 ## Visualisation
225
226 ### [Tableau Desktop](http://www.tableausoftware.com/)
227
228 Create visualisations from various data formats by dragging and dropping. Free trial available on website. [![](http://www.govhack.org/wp-content/uploads/Tableau-Screenshot-300x190.jpg "Tableau Screenshot")](http://www.govhack.org/wp-content/uploads/Tableau-Screenshot.jpg)
229
230 ### [Flotr2](http://www.humblesoftware.com/flotr2/)/[Google Chart Tools](https://developers.google.com/chart/)
231
232 [![](http://www.govhack.org/wp-content/uploads/How-to-participate-in-GovHack_html_m11006fce-300x199.jpg "flotr2 screenshot")](http://www.govhack.org/wp-content/uploads/How-to-participate-in-GovHack_html_m11006fce.jpg)Javascript based charts for webpages.
233
234 ### D3.js (Data-Driven Documents)
235
236 [![](http://www.govhack.org/wp-content/uploads/How-to-participate-in-GovHack_html_m90d8020-300x277.jpg "d3 screenshot")](http://www.govhack.org/wp-content/uploads/How-to-participate-in-GovHack_html_m90d8020.jpg)Javascript visualisations that are more interactive or intricate than charts. Can be hard to learn but there are examples and easier to use premade visualisations such as [word clouds](http://www.jasondavies.com/wordcloud/), [realtime filtering of barcharts](http://square.github.com/crossfilter/), or [bubble trees for comparing amount sizes](https://github.com/okfn/bubbletree).
237
238 ### Processing.js
239
maxious 240 # Unstructured (text documents, webpages, metadata, tweets etc) Data Tools
241
242 Scraperwiki
Alex Sadleir 243 Overviewer/ Jigsaw
244 http://www.cc.gatech.edu/gvu/ii/jigsaw/
maxious 245 R
246
247
Alex Sadleir 248 # Graph (relationships and networks) Data Tools {#graph-relationships-and-networks-data-tools}
249
250 ## Analysis
251
252 ### Neo4j
253
Alex Sadleir 254 [![](http://www.govhack.org/wp-content/uploads/webadmin-data-300x127.png "Neo4\. web admin screenshot")](http://www.govhack.org/wp-content/uploads/webadmin-data.png)Help understand relationships � how is X connected to Y and via what other entities they both are connected to. Imports and exports
255
256 can be done using a preexisting tool like Gremlin or by writing a simple Java/Python/Ruby application. Queries can be tested in the built in data browser.
257
258 ### [NetworkX](http://networkx.lanl.gov/index.html)
259
260 [![](http://www.govhack.org/wp-content/uploads/chess_masters-300x300.png "NetworkX")](http://www.govhack.org/wp-content/uploads/chess_masters.png)
261
262 NetworkX is a social network analysis library for python. Many advanced analyses built in like finding communities within a graph. Also good for converting data into graphs.
263
264 ### Palantir
265
266 Palantir make a good computer forensics tool, which they will showcase and give GovHack attendees access to for GovHack data analysis purposes. For more information check out:
267
268 [http://palantir.com.au/](http://palantir.com.au/)
269
270 ## Visualisation
271
272 ### [Graphviz](http://www.graphviz.org/)
273
274 [![](http://www.govhack.org/wp-content/uploads/How-to-participate-in-GovHack_html_7579906d-300x184.png "Graphviz Screenshot")](http://www.govhack.org/wp-content/uploads/How-to-participate-in-GovHack_html_7579906d.png)Classic directed graph visualisation tool, can even [generate images online without installing](http://ashitani.jp/gv/) or use in webpages with [javascript port of software](http://code.google.com/p/canviz/). File format [�dot� very easy to learn](http://en.wikipedia.org/wiki/DOT_language)
275
276 ### Gephi
277
278 [![](http://www.govhack.org/wp-content/uploads/How-to-participate-in-GovHack_html_74d01d05-300x195.jpg "Gephi Screenshot")](http://www.govhack.org/wp-content/uploads/How-to-participate-in-GovHack_html_74d01d05.jpg)Desktop graph editor and renderer. Many good automatic layout algorithms even for very large graphs.
279
280 ### [sigma.js](http://sigmajs.org/)
281
282 [![](http://www.govhack.org/wp-content/uploads/How-to-participate-in-GovHack_html_m6006eaf3-300x130.jpg "Sigma.js Screenshot")](http://www.govhack.org/wp-content/uploads/How-to-participate-in-GovHack_html_m6006eaf3.jpg)Javascript graph viewer, can use GEXF files exported from tools like neo4j, gephi and NetworkX.
283
Maxious 284
285
286 Below is some additional information including a few previous GovHack projects to get you thinking ![:)](http://www.govhack.org/wp-includes/images/smilies/icon_smile.gif) More examples are available at [http://mashupaustralia.org/](http://mashupaustralia.org/).
287
Alex Sadleir 288 # Previous Project Examples {#previous-project-examples}
289
maxious 290 ## The Open Budget
291
292 ## WeatherTree weather API
293
294 ## PlanningAlerts
295
296 [![Planning Alerts Screenshot](http://www.govhack.org/wp-content/uploads/How-to-participate-in-GovHack_html_2f0199ff1-300x221.png "Planning Alerts Screenshot")](http://www.govhack.org/wp-content/uploads/How-to-participate-in-GovHack_html_2f0199ff1.png)Description: Planning Alerts takes data from local government development applications and sends alerts to users based on what applications are lodged in their area.
297
298 Programming Language: Ruby
299
300 Source Control: [Git](https://github.com/openaustralia/planningalerts-app)
301
302 Issue Tracking: [Atlassian JIRA](http://tickets.openaustraliafoundation.org.au/browse/PA/)
303
304 ## LobbyLens
305
306 [![](http://www.govhack.org/wp-content/uploads/129-Screenshot-LobbyClue_-_Chromium-300x180.png "LobbyLens screenshot")](http://www.govhack.org/wp-content/uploads/129-Screenshot-LobbyClue_-_Chromium.png)
307
308 Description: Displays connections between government contracts, business details, politician responsibilities, lobbyists, clients of lobbyists, political donors and the location of these entities.
309
310 Programing Language: PHP
311
312 Source Control: SVN (Subversion)
313
314 Issue Tracking: A whiteboard
315
316 ## Bus.lambdacomplex.org
317
318 [![](http://www.govhack.org/wp-content/uploads/How-to-participate-in-GovHack_html_3789acae-300x253.jpg "Bus.lambda screenshot")](http://www.govhack.org/wp-content/uploads/How-to-participate-in-GovHack_html_3789acae.jpg)
319
320 Description: Online Canberra Bus Timetables and Trip Planner.
321
322 Programing Language: PHP/Ruby
323
324 Source Control: Git
325
326 Issue Tracking: Github
327
Alex Sadleir 328 # General Data Hacking and Programming References {#general-data-hacking-and-programming-references}
Maxious 329
330
331 [![](http://www.govhack.org/wp-content/uploads/How-to-participate-in-GovHack_html_m6a65720f-300x199.gif "Data Journalism Diagram")](http://www.govhack.org/wp-content/uploads/How-to-participate-in-GovHack_html_m6a65720f.gif)</dt>
332 Illustration from Data Journalism Handbook, CC BY-SA 3.0</dd>
333
334
Alex Sadleir 335 The best high level reference is the �Understanding Data� and �Delivering Data� chapters of the Data Journalism Handbook which is available online for free at
336
337 [datajournalismhandbook.org](http://datajournalismhandbook.org/)
338
339 You can learn the technical skills from scratch in Visualize This: The FlowingData Guide to Design, Visualization, and Statistics by Nathan Yau or for more advanced
340
341 practical advice check out Data Analysis with Open Source Tools by Philipp K. Janert
342
343 For further reading in this space
344
345 [http://flowingdata.com/2012/04/27/data-and-visualization-blogs-worth-following/](http://flowingdata.com/2012/04/27/data-and-visualization-blogs-worth-following/)
346
347 **Statistics**
348
349 [http://greenteapress.com/thinkstats/html/index.html](http://greenteapress.com/thinkstats/html/index.html)
350
351 **Programming**
352
353 Programming is valuable skill for manipulating and displaying data.
354
355 Basic tutorials for a variety of languages are available for free online or you can learn
356
357 interactively with websites like [http://www.codecademy.com/](http://www.codecademy.com/#!/exercises/0\. for JavaScript or [http://www.learnpython.org/ ](http://www.learnpython.org/)or [http://tryruby.org](http://tryruby.org/)
358
359 [https://developer.mozilla.org/en/JavaScript](https://developer.mozilla.org/en/JavaScript) &#8211\. especially for web applications and visualisations, you&#8217;ll need a basic understanding of JS. Common libraries like prototype or jQuery can help
360
361 **Accessibility/User Experience**
362
363 WCAG guidelines not only make a web app accessible but make it a better experience for all users! Even if not making an app, good to consider these things to do and not do: [http://www.w3.org/TR/WCAG/](http://www.w3.org/TR/WCAG/)
364
365
Maxious 366
maxious 367 # Developer Tools For Your Computer {#developer-tools-for-your-computer}
368
369 ### Source Control &#8211\. Git / Subversion
370
371 [![](http://www.govhack.org/wp-content/uploads/Screenshot-at-2012-04-29-172132-300x235.png "Git Screenshot")](http://progit.org/book/)
372
373 [http://progit.org/book/](http://progit.org/book/)
374
375 [http://svnbook.red-bean.com/](http://svnbook.red-bean.com/)
376
377 [http://tortoisesvn.net/](http://tortoisesvn.net/)
378
379 [http://code.google.com/p/tortoisegit/](http://code.google.com/p/tortoisegit/)
380
381 ### Task Tracking - [Trac](http://trac.edgewall.org/) / [Redmine](http://www.redmine.org/) / [Bugzilla](http://www.bugzilla.org/)
382
383 ## [![](http://www.govhack.org/wp-content/uploads/trac-300x207.png "trac screenshot")](http://www.govhack.org/wp-content/uploads/trac.png)
384
Alex Sadleir 385 Issue/task trackers allow you to outline the tasks required for your project and assign them to people to do.
386