edits
edits

/* /*
* HTML5 Boilerplate * HTML5 Boilerplate
* *
* What follows is the result of much research on cross-browser styling. * What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team. * Kroc Camen, and the H5BP dev community and team.
*/ */
   
/* ========================================================================== /* ==========================================================================
Base styles: opinionated defaults Base styles: opinionated defaults
========================================================================== */ ========================================================================== */
   
html, html,
button, button,
input, input,
select, select,
textarea { textarea {
color: #222; color: #222;
} }
   
body { body {
font-size: 1em; font-size: 1em;
line-height: 1.4; line-height: 1.4;
} }
   
/* /*
* Remove text-shadow in selection highlight: h5bp.com/i * Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate. * These selection declarations have to be separate.
* Customize the background color to match your design. * Customize the background color to match your design.
*/ */
   
::-moz-selection { ::-moz-selection {
background: #b3d4fc; background: #b3d4fc;
text-shadow: none; text-shadow: none;
} }
   
::selection { ::selection {
background: #b3d4fc; background: #b3d4fc;
text-shadow: none; text-shadow: none;
} }
   
/* /*
* A better looking default horizontal rule * A better looking default horizontal rule
*/ */
   
hr { hr {
display: block; display: block;
height: 1px; height: 1px;
border: 0; border: 0;
border-top: 1px solid #ccc; border-top: 1px solid #ccc;
margin: 1em 0; margin: 1em 0;
padding: 0; padding: 0;
} }
   
/* /*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/ */
   
img { img {
vertical-align: middle; vertical-align: middle;
} }
   
/* /*
* Remove default fieldset styles. * Remove default fieldset styles.
*/ */
   
fieldset { fieldset {
border: 0; border: 0;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
   
/* /*
* Allow only vertical resizing of textareas. * Allow only vertical resizing of textareas.
*/ */
   
textarea { textarea {
resize: vertical; resize: vertical;
} }
   
/* ========================================================================== /* ==========================================================================
Chrome Frame prompt Chrome Frame prompt
========================================================================== */ ========================================================================== */
   
.chromeframe { .chromeframe {
margin: 0.2em 0; margin: 0.2em 0;
background: #ccc; background: #ccc;
color: #000; color: #000;
padding: 0.2em 0; padding: 0.2em 0;
} }
   
/* ========================================================================== /* ==========================================================================
Author's custom styles Author's custom styles
========================================================================== */ ========================================================================== */
/* stoc http://www.1stwebdesigner.com/css/jquery-plugin-smooth-scrolling/ */ /* stoc http://www.1stwebdesigner.com/css/jquery-plugin-smooth-scrolling/ */
#items { .items {
float: right; float: right;
width: 260px; width: 260px;
padding-bottom: 10px; padding-bottom: 10px;
margin:0 0 10px 20px; margin:0 0 10px 20px;
/* rgba with ie compatibility */ /* rgba with ie compatibility */
background-color: transparent; background-color: transparent;
background-color: rgba(255,255,255,0.4); background-color: rgba(255,255,255,0.4);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#20ffffff,endColorstr=#20ffffff); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#20ffffff,endColorstr=#20ffffff);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#20ffffff,endColorstr=#20ffffff)"; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#20ffffff,endColorstr=#20ffffff)";
} }
#items ul { .items ul {
margin: 0 0 0 20px; margin: 0 0 0 20px;
padding: 0 0 5px; padding: 0 0 5px;
list-style-type: none; list-style-type: none;
} }
#items ul ul { .items ul ul {
font-size: 90%; font-size: 90%;
} }
#items ul a { .items ul a {
font-family: "arial"; font-family: "arial";
text-decoration: none; text-decoration: none;
color: #c10000; color: #c10000;
} }
#items ul a:hover { color: #ff0000 } .items ul a:hover { color: #ff0000 }
/* toc https://github.com/jgallen23/toc */ /* toc https://github.com/jgallen23/toc */
#wrapper { #wrapper {
margin: 0 20px 0 170px; margin: 0 20px 0 170px;
} }
   
#toc { #toc {
top: 0px; top: 0px;
left: 0px; left: 0px;
height: 100%; height: 100%;
position: fixed; position: fixed;
background: #333; background: #333;
box-shadow: inset -5px 0 5px 0px #000; box-shadow: inset -5px 0 5px 0px #000;
width: 150px; width: 150px;
padding-top: 20px; padding-top: 20px;
color: #fff; color: #fff;
} }
   
#toc ul { #toc ul {
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style: none; list-style: none;
} }
   
#toc li { #toc li {
padding: 5px 10px; padding: 5px 10px;
} }
   
#toc a { #toc a {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
display: block; display: block;
} }
   
#toc .toc-h2 { #toc .toc-h2 {
padding-left: 10px; padding-left: 10px;
} }
   
#toc .toc-h3 { #toc .toc-h3 {
padding-left: 20px; padding-left: 20px;
} }
   
#toc .toc-active { #toc .toc-active {
background: #336699; background: #336699;
box-shadow: inset -5px 0px 10px -5px #000; box-shadow: inset -5px 0px 10px -5px #000;
} }
   
   
   
/* ========================================================================== /* ==========================================================================
Helper classes Helper classes
========================================================================== */ ========================================================================== */
   
/* /*
* Image replacement * Image replacement
*/ */
   
.ir { .ir {
background-color: transparent; background-color: transparent;
border: 0; border: 0;
overflow: hidden; overflow: hidden;
/* IE 6/7 fallback */ /* IE 6/7 fallback */
*text-indent: -9999px; *text-indent: -9999px;
} }
   
.ir:before { .ir:before {
content: ""; content: "";
display: block; display: block;
width: 0; width: 0;
height: 100%; height: 100%;
} }
   
/* /*
* Hide from both screenreaders and browsers: h5bp.com/u * Hide from both screenreaders and browsers: h5bp.com/u
*/ */
   
.hidden { .hidden {
display: none !important; display: none !important;
visibility: hidden; visibility: hidden;
} }
   
/* /*
* Hide only visually, but have it available for screenreaders: h5bp.com/v * Hide only visually, but have it available for screenreaders: h5bp.com/v
*/ */
   
.visuallyhidden { .visuallyhidden {
border: 0; border: 0;
clip: rect(0 0 0 0); clip: rect(0 0 0 0);
height: 1px; height: 1px;
margin: -1px; margin: -1px;
overflow: hidden; overflow: hidden;
padding: 0; padding: 0;
position: absolute; position: absolute;
width: 1px; width: 1px;
} }
   
/* /*
* Extends the .visuallyhidden class to allow the element to be focusable * Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p * when navigated to via the keyboard: h5bp.com/p
*/ */
   
.visuallyhidden.focusable:active, .visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { .visuallyhidden.focusable:focus {
clip: auto; clip: auto;
height: auto; height: auto;
margin: 0; margin: 0;
overflow: visible; overflow: visible;
position: static; position: static;
width: auto; width: auto;
} }
   
/* /*
* Hide visually and from screenreaders, but maintain layout * Hide visually and from screenreaders, but maintain layout
*/ */
   
.invisible { .invisible {
visibility: hidden; visibility: hidden;
} }
   
/* /*
* Clearfix: contain floats * Clearfix: contain floats
* *
* For modern browsers * For modern browsers
* 1. The space content is one way to avoid an Opera bug when the * 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document. * `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements * Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class. * that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using * 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements. * `:before` to contain the top-margins of child elements.
*/ */
   
.clearfix:before, .clearfix:before,
.clearfix:after { .clearfix:after {
content: " "; /* 1 */ content: " "; /* 1 */
display: table; /* 2 */ display: table; /* 2 */
} }
   
.clearfix:after { .clearfix:after {
clear: both; clear: both;
} }
   
/* /*
* For IE 6/7 only * For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats. * Include this rule to trigger hasLayout and contain floats.
*/ */
   
.clearfix { .clearfix {
*zoom: 1; *zoom: 1;
} }
   
/* ========================================================================== /* ==========================================================================
EXAMPLE Media Queries for Responsive Design. EXAMPLE Media Queries for Responsive Design.
Theses examples override the primary ('mobile first') styles. Theses examples override the primary ('mobile first') styles.
Modify as content requires. Modify as content requires.
========================================================================== */ ========================================================================== */
   
@media only screen and (min-width: 35em) { @media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */ /* Style adjustments for viewports that meet the condition */
} }
   
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) { only screen and (min-resolution: 144dpi) {
/* Style adjustments for high resolution devices */ /* Style adjustments for high resolution devices */
} }
   
/* ========================================================================== /* ==========================================================================
Print styles. Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */ ========================================================================== */
   
@media print { @media print {
* { * {
background: transparent !important; background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */ color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow:none !important; box-shadow:none !important;
text-shadow: none !important; text-shadow: none !important;
} }
   
a, a,
a:visited { a:visited {
text-decoration: underline; text-decoration: underline;
} }
   
a[href]:after { a[href]:after {
content: " (" attr(href) ")"; content: " (" attr(href) ")";
} }
   
abbr[title]:after { abbr[title]:after {
content: " (" attr(title) ")"; content: " (" attr(title) ")";
} }
   
/* /*
* Don't show links for images, or javascript/internal links * Don't show links for images, or javascript/internal links
*/ */
   
.ir a:after, .ir a:after,
a[href^="javascript:"]:after, a[href^="javascript:"]:after,
a[href^="#"]:after { a[href^="#"]:after {
content: ""; content: "";
} }
   
pre, pre,
blockquote { blockquote {
border: 1px solid #999; border: 1px solid #999;
page-break-inside: avoid; page-break-inside: avoid;
} }
   
thead { thead {
display: table-header-group; /* h5bp.com/t */ display: table-header-group; /* h5bp.com/t */
} }
   
tr, tr,
img { img {
page-break-inside: avoid; page-break-inside: avoid;
} }
   
img { img {
max-width: 100% !important; max-width: 100% !important;
} }
   
@page { @page {
margin: 0.5cm; margin: 0.5cm;
} }
   
p, p,
h2, h2,
h3 { h3 {
orphans: 3; orphans: 3;
widows: 3; widows: 3;
} }
   
h2, h2,
h3 { h3 {
page-break-after: avoid; page-break-after: avoid;
} }
} }
   
file:a/index.md -> file:b/index.md
Welcome to the GovHack toolkit. This page provides all the information you need to prepare hackfest entries. Welcome to the GovHack toolkit. This page provides all the information you need to prepare hackfest entries.
These tools can be used to make entries like: mobile apps, web apps, data visualisations/infographics These tools can be used to make entries like: mobile apps, web apps, data visualisations/infographics
   
   
- govhack toolkit!!!! - govhack toolkit!!!!
- key datasets, directory.gov.au gazetter/AEC electorates/suburbs/postcodes/LGAs - key datasets, directory.gov.au gazetter/AEC electorates/suburbs/postcodes/LGAs
   
- definitions, open licence reuse permissive hacker hack data journalism data bis UCX etc. - definitions, open licence reuse permissive hacker hack data journalism data bis UCX etc.
- what do govhack entries look like? - what do govhack entries look like?
- roles; coder, designer UX/graphics - roles; coder, designer UX/graphics
   
server admin / technical tools  
many projects will require some kind of internet presence, webpage etc.  
video tools, youtube slideshow, FOSS video editing tools  
- http://ubuntu-tutorials.com/2008/11/11/relaying-postfix-smtp-via-smtpgmailcom/  
- amon  
   
geo geo
- http://converter.mygeodata.eu/vector kml exporter for shp - http://converter.mygeodata.eu/vector kml exporter for shp
- http://bost.ocks.org/mike/map/ - http://bost.ocks.org/mike/map/
   
R R
- http://blog.yhathq.com/posts/10-R-packages-I-wish-I-knew-about-earlier.html - http://blog.yhathq.com/posts/10-R-packages-I-wish-I-knew-about-earlier.html
- excel -> R/rattle/ deducer? http://www.r-bloggers.com/updates-to-the-deducer-family-of-packages/ - excel -> R/rattle/ deducer? http://www.r-bloggers.com/updates-to-the-deducer-family-of-packages/
   
d3  
- http://datadrivenjournalism.net/resources/data_driven_documents_defined  
- http://www.benmcmahen.com/blog/posts/50eb57d55a94d35262000001 d3 svg  
   
API  
- howto.gov api tutorial  
- http://shancarter.com/data_converter/  
- http://training.sunlightfoundation.com/module/data-visualizations-google-docs/  
- api documentation  
- WSDL or http://swagger.wordnik.com/ or https://github.com/mashery/iodocs  
- 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  
- https://github.com/elc/rapi_doc https://github.com/Pajk/apipie-rails  
-  
- tools.disclo.gs - how to use data - tools.disclo.gs - how to use data
- https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet#wiki-images reference style images?  
- developer tools inc. linked data - developer tools inc. linked data
- gephi -> neo4j - gephi -> neo4j
- neo4j lets you build on, do massive queries of who is friends with who - neo4j lets you build on, do massive queries of who is friends with who
- 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/ - 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/
- http://mbostock.github.com/d3/ex/pack.html http://mbostock.github.com/d3/ex/tree.html - http://mbostock.github.com/d3/ex/pack.html http://mbostock.github.com/d3/ex/tree.html
- postgis/quantum gis - postgis/quantum gis
- (google earth is alright but many limitations) NASA World Wind? - (google earth is alright but many limitations) NASA World Wind?
- ABS statistical areas - ABS statistical areas
- http://irs.gis-lab.info/ wms or http://www.gdal.org/frmt_wms_openstreetmap_tms.xml - http://irs.gis-lab.info/ wms or http://www.gdal.org/frmt_wms_openstreetmap_tms.xml
- can do nearest/isin/union queries - personal geocoder - can do nearest/isin/union queries - personal geocoder
- cloudmade geocoder, google maps my maps - cloudmade geocoder, google maps my maps
- base layers like agri or nearmap - base layers like agri or nearmap
- scraperwiki with new pytemplate libraries - scraperwiki with new pytemplate libraries
- makes an API for your data to get in sqlite/json/csv - makes an API for your data to get in sqlite/json/csv
- three.js with cables vis? Overviewer from AP? - three.js with cables vis? Overviewer from AP?
- govhack library - govhack library
- http://hpneo.github.com/gmaps/examples.html - http://hpneo.github.com/gmaps/examples.html
- android datviz  
- 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/  
- https://graphics.stanford.edu/wikis/cs448b-12-fall/ data viz theory - https://graphics.stanford.edu/wikis/cs448b-12-fall/ data viz theory
- https://mixpanel.com/education/understanding-the-first-five-minutes - https://mixpanel.com/education/understanding-the-first-five-minutes
- http://drawingbynumbers.org/toolsandresources - http://drawingbynumbers.org/toolsandresources
- http://wmbriggs.com/blog/?p=6465 - http://wmbriggs.com/blog/?p=6465
- http://ofps.oreilly.com/titles/9781449339739/k_00000002.html list of d3 alternatives - http://ofps.oreilly.com/titles/9781449339739/k_00000002.html list of d3 alternatives
- http://craigkerstiens.com/2012/10/01/understanding-postgres-performance/ - http://craigkerstiens.com/2012/10/01/understanding-postgres-performance/
- https://github.com/clips/pattern for easy NLP/network analysis/data mining - https://github.com/clips/pattern for easy NLP/network analysis/data mining
- https://github.com/theodi/open-data-tech-review/wiki othr cleanup/linked data toola - https://github.com/theodi/open-data-tech-review/wiki othr cleanup/linked data toola
- http://www.opentripplanner.org/apidoc/rest.plan.html  
- http://selection.datavisualization.ch/ data viz tools catalog - http://selection.datavisualization.ch/ data viz tools catalog
- http://www.slideshare.net/OReillyStrata/visualizing-networks-beyond-the-hairball  
- http://blog.sciencenet.cn/blog-554179-622011.html SNA tools catalog  
- https://github.com/jacomyal/osdc2012-sigmajs-demo sigmajs filtering/searching  
- manipulating data - grep/find replace/sed/regex - manipulating data - grep/find replace/sed/regex
- d3 tools and tutorial http://enjalot.com/ http://news.ycombinator.com/item?id=4608440 - d3 tools and tutorial http://enjalot.com/ http://news.ycombinator.com/item?id=4608440
- Why d3 is the way it is and how to make charts http://bost.ocks.org/mike/chart/ - Why d3 is the way it is and how to make charts http://bost.ocks.org/mike/chart/
- how to make an xkcd chart http://bl.ocks.org/3914862 - how to make an xkcd chart http://bl.ocks.org/3914862
- http://blog.josephwilk.net/ruby/latent-semantic-analysis-in-ruby.html similar terms usually found together  
- data viz - data viz
- http://k2company.com/blog/2012/09/06/toolbox-for-learning-machine-learning-and-data-science/ - http://k2company.com/blog/2012/09/06/toolbox-for-learning-machine-learning-and-data-science/
- http://williamparry.blogspot.com.au/2011/04/putting-data-into-google-fusion-tables.html google fusion tutorial - http://williamparry.blogspot.com.au/2011/04/putting-data-into-google-fusion-tables.html google fusion tutorial
- andrewharvey4.wordpress.com postgis/asgs tutorial - andrewharvey4.wordpress.com postgis/asgs tutorial
- http://www.slideshare.net/maxdemarzi/etl-into-neo4j - http://www.slideshare.net/maxdemarzi/etl-into-neo4j
   
- http://www.twotorials.com/ for R - http://www.twotorials.com/ for R
- 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 - 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
- http://is-r.tumblr.com/post/38240018815/making-prettier-network-graphs-with-sna-and-igraph - http://is-r.tumblr.com/post/38240018815/making-prettier-network-graphs-with-sna-and-igraph
- http://www.r-bloggers.com/video-simpler-tricks-and-tools-help-debugging-git-latex-and-workflow-with-r-by-prof-rob-hyndman/ - http://www.r-bloggers.com/video-simpler-tricks-and-tools-help-debugging-git-latex-and-workflow-with-r-by-prof-rob-hyndman/
- 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/ - 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/
- http://chartsnthings.tumblr.com/post/36978271916/r-tutorial-simple-charts http://flowingdata.com/2012/12/17/getting-started-with-charts-in-r/ - http://chartsnthings.tumblr.com/post/36978271916/r-tutorial-simple-charts http://flowingdata.com/2012/12/17/getting-started-with-charts-in-r/
- http://dydra.com/  
  - http://dydra.com/
- http://selection.datavisualization.ch/ data viz tools list - http://selection.datavisualization.ch/ data viz tools list
- http://nodexl.codeplex.com/ network graphs for excel - http://nodexl.codeplex.com/ network graphs for excel
- http://sunfoundation.tumblr.com/ - http://sunfoundation.tumblr.com/
- css framework like bootstrap or zurb foundation  
- analysing - linked data tools - analysing - linked data tools
- http://govcampau.wikispaces.com/useful+tools - http://govcampau.wikispaces.com/useful+tools
- http://linkeddata.org/home - http://linkeddata.org/home
- analysing - unstructured/nlp incl overviewer, opennlp/nltk, lucene/solr  
- http://www.r-bloggers.com/simple-text-mining-with-r/  
   
   
# Hosted Developer Tools {#hosted-developer-tools} # Hosted Developer Tools {#hosted-developer-tools}
   
### Sourceforge ### Sourceforge
   
Subversion, Git, Mercurial, Bazaar, CVS, issue tracker, wiki, release file downloads. Unlimited free use for open source projects. Subversion, Git, Mercurial, Bazaar, CVS, issue tracker, wiki, release file downloads. Unlimited free use for open source projects.
   
You can create your own Sourceforge project at [http://sourceforge.net/](http://sourceforge.net/) You can create your own Sourceforge project at [http://sourceforge.net/](http://sourceforge.net/)
   
### Google Code Project Hosting ### Google Code Project Hosting
   
Git, Mercurial, and Subversion code. Issue tracker, wiki, release file downloads. Unlimited free use for open source projects. Git, Mercurial, and Subversion code. Issue tracker, wiki, release file downloads. Unlimited free use for open source projects.
   
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/) 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/)
   
   
   
# The basics of being a data scientist # The basics of being a data scientist
   
* 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. * 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.
* Find the people and tools you need to prove/show/find. This rest of this page will help with the latter. * Find the people and tools you need to prove/show/find. This rest of this page will help with the latter.
* 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. * 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.
Please note, there are a combination of Analysis and Visualisation tools in each of the major categories below. Please note, there are a combination of Analysis and Visualisation tools in each of the major categories below.
   
# API Development {#api-development} # API Development {#api-development}
   
   
So an API isn’t just an XML file ![;)](http://www.govhack.org/wp-includes/images/smilies/icon_wink.gif) So an API isn’t just an XML file ![;)](http://www.govhack.org/wp-includes/images/smilies/icon_wink.gif)
   
A good web based data API: A good web based data API:
   
* Is logically organised * Is logically organised
* Can filter returned data * Can filter returned data
* Can return results in different open formats (CSV/JSON etc.) * Can return results in different open formats (CSV/JSON etc.)
* Is efficient and responsive by using caching and databases appropriately * Is efficient and responsive by using caching and databases appropriately
* Handles errors gracefully * Handles errors gracefully
* Monitors and controls access (to show benefit realised of API and prevent abuse) * Monitors and controls access (to show benefit realised of API and prevent abuse)
* Provides appropriate documentation with examples * Provides appropriate documentation with examples
   
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. 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.
   
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) 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)
   
  API
  - howto.gov api tutorial
  - http://shancarter.com/data_converter/
  - http://training.sunlightfoundation.com/module/data-visualizations-google-docs/
  - api documentation
  - WSDL or http://swagger.wordnik.com/ or https://github.com/mashery/iodocs
  - 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
  - https://github.com/elc/rapi_doc https://github.com/Pajk/apipie-rails
  -
   
   
   
# Infographics and Data Visualisation {#data-visualisation} # Infographics and Data Visualisation {#data-visualisation}
   
Infographics try to contextualise charts and graphs to tell a story. Data vis builds on this to find new ways to design insight. Infographics try to contextualise charts and graphs to tell a story. Data vis builds on this to find new ways to design insight.
   
Most of the categories to follow have visualisation tools specific to their purpose. Most of the categories to follow have visualisation tools specific to their purpose.
   
You can find some data visualisation &#8220;essential&#8221\. tools below: You can find some data visualisation &#8220;essential&#8221\. tools below:
   
[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/) [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/)
   
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) 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)
   
  # Mobile
  html5 jquery mobile like directory.gov.au
  - android datviz
  - 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/
   
   
   
# Geographical Data Tools {#geographical-data-tools} # Geographical Data Tools {#geographical-data-tools}
   
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! 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!
   
## Analysis ## Analysis
   
### PostGIS ### PostGIS
   
[![](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. [![](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.
   
### Quantum GIS ### Quantum GIS
   
[![](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/) [![](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/)
   
## Visualisation ## Visualisation
   
### Layar and other augmented reality tools ### Layar and other augmented reality tools
   
### Google Fusion Tables/ChartsBin/[OpenHeatMap](http://www.openheatmap.com/) ### Google Fusion Tables/ChartsBin/[OpenHeatMap](http://www.openheatmap.com/)
   
[![](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 [![](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
   
### [Cartographer.js](http://cartographer.visualmotive.com/) ### [Cartographer.js](http://cartographer.visualmotive.com/)
   
[![](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. [![](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.
   
   
   
### OpenLayers/Google Maps/[Leaflet](http://leaflet.cloudmade.com/) ### OpenLayers/Google Maps/[Leaflet](http://leaflet.cloudmade.com/)
   
[![](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. [![](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.
   
### NASA World Wind/Google Earth ### NASA World Wind/Google Earth
   
[![](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/) [![](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/)
   
### ###
   
# Tabular Data Tools {#tabular-data-tools} # Tabular Data Tools {#tabular-data-tools}
   
## Analysis ## Analysis
   
### Excel / Calc ### Excel / Calc
   
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) 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)
   
### [DataWrangler](http://vis.stanford.edu/wrangler/)/[Google Refine](http://code.google.com/p/google-refine/) ### [DataWrangler](http://vis.stanford.edu/wrangler/)/[Google Refine](http://code.google.com/p/google-refine/)
   
[![](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. [![](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.
   
### PostgreSQL/MySQL ### PostgreSQL/MySQL
   
[![](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. [![](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.
   
[Miso Dataset](http://misoproject.com/dataset/) [Miso Dataset](http://misoproject.com/dataset/)
   
[![](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. [![](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.
   
### R Statistical Language ### R Statistical Language
   
[![](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) [![](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)
   
## Visualisation ## Visualisation
   
### [Tableau Desktop](http://www.tableausoftware.com/) ### [Tableau Desktop](http://www.tableausoftware.com/)
   
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) 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)
   
### [Flotr2](http://www.humblesoftware.com/flotr2/)/[Google Chart Tools](https://developers.google.com/chart/) ### [Flotr2](http://www.humblesoftware.com/flotr2/)/[Google Chart Tools](https://developers.google.com/chart/)
   
[![](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. [![](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.
   
### D3.js (Data-Driven Documents) ### D3.js (Data-Driven Documents)
   
[![](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). [![](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).
  d3
  - http://datadrivenjournalism.net/resources/data_driven_documents_defined
  - http://www.benmcmahen.com/blog/posts/50eb57d55a94d35262000001 d3 svg
   
### Processing.js ### Processing.js
   
# Unstructured (text documents, webpages, metadata, tweets etc) Data Tools # Unstructured (text documents, webpages, metadata, tweets etc) Data Tools
   
Scraperwiki Scraperwiki
Overviewer/ Jigsaw Overviewer/ Jigsaw
http://www.cc.gatech.edu/gvu/ii/jigsaw/ http://www.cc.gatech.edu/gvu/ii/jigsaw/
  - opennlp/nltk, lucene/solr
  - http://www.r-bloggers.com/simple-text-mining-with-r/
   
R R
  - http://blog.josephwilk.net/ruby/latent-semantic-analysis-in-ruby.html similar terms usually found together
   
# Graph (relationships and networks) Data Tools {#graph-relationships-and-networks-data-tools} # Graph (relationships and networks) Data Tools {#graph-relationships-and-networks-data-tools}
   
  - http://www.slideshare.net/OReillyStrata/visualizing-networks-beyond-the-hairball
  - http://blog.sciencenet.cn/blog-554179-622011.html SNA tools catalog
  - https://github.com/jacomyal/osdc2012-sigmajs-demo sigmajs filtering/searching
   
   
## Analysis ## Analysis
   
### Neo4j ### Neo4j
   
[![](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 [![](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
   
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. 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.
   
### [NetworkX](http://networkx.lanl.gov/index.html) ### [NetworkX](http://networkx.lanl.gov/index.html)
   
[![](http://www.govhack.org/wp-content/uploads/chess_masters-300x300.png "NetworkX")](http://www.govhack.org/wp-content/uploads/chess_masters.png) [![](http://www.govhack.org/wp-content/uploads/chess_masters-300x300.png "NetworkX")](http://www.govhack.org/wp-content/uploads/chess_masters.png)
   
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. 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.
   
### Palantir ### Palantir
   
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: 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:
   
[http://palantir.com.au/](http://palantir.com.au/) [http://palantir.com.au/](http://palantir.com.au/)
   
## Visualisation ## Visualisation
   
### [Graphviz](http://www.graphviz.org/) ### [Graphviz](http://www.graphviz.org/)
   
[![](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) [![](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)
   
### Gephi ### Gephi
   
[![](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. [![](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.
   
### [sigma.js](http://sigmajs.org/) ### [sigma.js](http://sigmajs.org/)
   
[![](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. [![](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.
   
   
   
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/). 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/).
   
# Previous Project Examples {#previous-project-examples} # Previous Project Examples {#previous-project-examples}
   
## The Open Budget ## The Open Budget
   
## WeatherTree weather API ## WeatherTree weather API
   
## PlanningAlerts ## PlanningAlerts
   
[![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. [![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.
   
Programming Language: Ruby Programming Language: Ruby
   
Source Control: [Git](https://github.com/openaustralia/planningalerts-app) Source Control: [Git](https://github.com/openaustralia/planningalerts-app)
   
Issue Tracking: [Atlassian JIRA](http://tickets.openaustraliafoundation.org.au/browse/PA/) Issue Tracking: [Atlassian JIRA](http://tickets.openaustraliafoundation.org.au/browse/PA/)
   
## LobbyLens ## LobbyLens
   
[![](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) [![](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)
   
Description: Displays connections between government contracts, business details, politician responsibilities, lobbyists, clients of lobbyists, political donors and the location of these entities. Description: Displays connections between government contracts, business details, politician responsibilities, lobbyists, clients of lobbyists, political donors and the location of these entities.
   
Programing Language: PHP Programing Language: PHP
   
Source Control: SVN (Subversion) Source Control: SVN (Subversion)
   
Issue Tracking: A whiteboard Issue Tracking: A whiteboard
   
## Bus.lambdacomplex.org ## Bus.lambdacomplex.org
   
[![](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) [![](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)
   
Description: Online Canberra Bus Timetables and Trip Planner. Description: Online Canberra Bus Timetables and Trip Planner.
   
Programing Language: PHP/Ruby Programing Language: PHP/Ruby
   
Source Control: Git Source Control: Git
   
Issue Tracking: Github Issue Tracking: Github
   
# General Data Hacking and Programming References {#general-data-hacking-and-programming-references} # General Data Hacking and Programming References {#general-data-hacking-and-programming-references}
   
   
[![](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> [![](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>
Illustration from Data Journalism Handbook, CC BY-SA 3.0</dd> Illustration from Data Journalism Handbook, CC BY-SA 3.0</dd>
   
   
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 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
   
[datajournalismhandbook.org](http://datajournalismhandbook.org/) [datajournalismhandbook.org](http://datajournalismhandbook.org/)
   
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 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
   
practical advice check out Data Analysis with Open Source Tools by Philipp K. Janert practical advice check out Data Analysis with Open Source Tools by Philipp K. Janert
   
For further reading in this space For further reading in this space
   
[http://flowingdata.com/2012/04/27/data-and-visualization-blogs-worth-following/](http://flowingdata.com/2012/04/27/data-and-visualization-blogs-worth-following/) [http://flowingdata.com/2012/04/27/data-and-visualization-blogs-worth-following/](http://flowingdata.com/2012/04/27/data-and-visualization-blogs-worth-following/)
   
**Statistics** **Statistics**
   
[http://greenteapress.com/thinkstats/html/index.html](http://greenteapress.com/thinkstats/html/index.html) [http://greenteapress.com/thinkstats/html/index.html](http://greenteapress.com/thinkstats/html/index.html)
   
**Programming** **Programming**
   
Programming is valuable skill for manipulating and displaying data. Programming is valuable skill for manipulating and displaying data.
   
Basic tutorials for a variety of languages are available for free online or you can learn Basic tutorials for a variety of languages are available for free online or you can learn
   
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/) 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/)
   
[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 [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
   
**Accessibility/User Experience** **Accessibility/User Experience**
   
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/) 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/)
   
   
   
# Developer Tools For Your Computer {#developer-tools-for-your-computer} # Developer Tools For Your Computer {#developer-tools-for-your-computer}
   
  server admin / technical tools
  many projects will require some kind of internet presence, webpage etc.
  - css framework like bootstrap or zurb foundation
  video tools, youtube video editor/slideshow, FOSS video editing tools
  - http://ubuntu-tutorials.com/2008/11/11/relaying-postfix-smtp-via-smtpgmailcom/
  - amon
   
### Source Control &#8211\. Git / Subversion ### Source Control &#8211\. Git / Subversion
   
[![](http://www.govhack.org/wp-content/uploads/Screenshot-at-2012-04-29-172132-300x235.png "Git Screenshot")](http://progit.org/book/) [![](http://www.govhack.org/wp-content/uploads/Screenshot-at-2012-04-29-172132-300x235.png "Git Screenshot")](http://progit.org/book/)
   
[http://progit.org/book/](http://progit.org/book/) [http://progit.org/book/](http://progit.org/book/)
   
[http://svnbook.red-bean.com/](http://svnbook.red-bean.com/) [http://svnbook.red-bean.com/](http://svnbook.red-bean.com/)
   
[http://tortoisesvn.net/](http://tortoisesvn.net/) [http://tortoisesvn.net/](http://tortoisesvn.net/)
   
[http://code.google.com/p/tortoisegit/](http://code.google.com/p/tortoisegit/) [http://code.google.com/p/tortoisegit/](http://code.google.com/p/tortoisegit/)
   
### Task Tracking - [Trac](http://trac.edgewall.org/) / [Redmine](http://www.redmine.org/) / [Bugzilla](http://www.bugzilla.org/) ### Task Tracking - [Trac](http://trac.edgewall.org/) / [Redmine](http://www.redmine.org/) / [Bugzilla](http://www.bugzilla.org/)
   
## [![](http://www.govhack.org/wp-content/uploads/trac-300x207.png "trac screenshot")](http://www.govhack.org/wp-content/uploads/trac.png) ## [![](http://www.govhack.org/wp-content/uploads/trac-300x207.png "trac screenshot")](http://www.govhack.org/wp-content/uploads/trac.png)
   
Issue/task trackers allow you to outline the tasks required for your project and assign them to people to do. Issue/task trackers allow you to outline the tasks required for your project and assign them to people to do.
   
file:a/index.php -> file:b/index.php
<!DOCTYPE html> <!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title> <title></title>
<meta name="description" content=""> <meta name="description" content="">
<meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width">
   
<!-- Place favicon.ico and apple-touch-icon.png in the root directory --> <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
   
<link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script> <script src="js/vendor/modernizr-2.6.1.min.js"></script>
</head> </head>
<body> <body>
<!--[if lt IE 7]> <!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p> <p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]--> <![endif]-->
   
<!-- Add your site or application content here --> <!-- Add your site or application content here -->
<div id="toc"></div> <div id="toc"></div>
<div id="wrapper"> <div id="wrapper">
<div id="items"> <section>
</div>  
<?php <?php
include_once "php-markdown/markdown.php"; include_once "php-markdown/markdown.php";
echo Markdown(file_get_contents("index.md")); echo Markdown(file_get_contents("index.md"));
?> ?>
</div> </div>
  </section>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script> <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script> <script src="js/plugins.js"></script>
<script src="js/main.js"></script> <script src="js/main.js"></script>
<script src="js/jquery.stoc.js"></script> <script src="js/jquery.stoc.js"></script>
<script src="js/toc/dist/jquery.toc.min.js"></script> <script src="js/toc/dist/jquery.toc.min.js"></script>
<script> <script>
$('#toc').toc({ $('#toc').toc({
'selectors': 'h1' 'selectors': 'h1'
}); });
$(function(){ /*$(function(){
$("#items").stoc({  
search: "#wrapper" $('<div class="items"></div>').insertAfter('h1');
  $(".items").each(function() {
  $(this).stoc();
}); });
}); });*/
</script> </script>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. --> <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script> <script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']]; var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0]; (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js'; g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script')); s.parentNode.insertBefore(g,s)}(document,'script'));
</script> </script>
</body> </body>
</html> </html>
   
(function($){ (function ($) {
$.fn.stoc = function(options) { $.fn.stoc = function (options) {
//Our default options //Our default options
var defaults = { var defaults = {
search: "body", //where we will search for titles depth: 6, //how many hN should we search
depth: 6, //how many hN should we search start: 1, //which hN will be the first (and after it we go just deeper)
start: 1, //which hN will be the first (and after it we go just deeper) stocTitle: "<h2>Contents</h2>", //what to display before our box
stocTitle: "<h2>Contents</h2>", //what to display before our box listType: "ul", //could be ul or ol
listType: "ul", //could be ul or ol smoothScroll: 1
smoothScroll: 1 };
};  
  //let's extend our plugin with default or user options when defined
//let's extend our plugin with default or user options when defined var options = $.extend(defaults, options);
var options = $.extend(defaults, options);  
  return function () {
return this.each(function() { //"cache" our target and search objects
//"cache" our target and search objects obj = $(this); //target
obj = $(this); //target //let's declare some variables. We need this var declaration to create them as local variables (not global)
src = $(options.search); //search var appHTML = "", tagNumber = 0, txt = "", id = "", before = "", after = "", previous = options.start, start = options.start, depth = options.depth, i = 0, srcTags = "h" + options.start, cacheHN = "";
//let's declare some variables. We need this var declaration to create them as local variables (not global)  
var appHTML = "", tagNumber = 0, txt = "", id = "", before = "", after = "", previous = options.start, start = options.start, depth = options.depth, i = 0, srcTags = "h" + options.start, cacheHN = ""; obj.nextUntil('h1').each(function () {
  if ($(this).tagName == "h2" || $(this).tagName == "h3") {
//which tags we will search //we will cache our current H element
while ( depth > 1) { cacheHN = $(this);
start++; //we will just get our start level and numbers higher than it //if we are on h1, 2, 3...
srcTags = srcTags + ", h" + start; tagNumber = ( cacheHN.get(0).tagName ).substr(1);
depth--; //since went one level up, our depth will go one level down  
} //sets the needed id to the element
src.find(srcTags).each(function() { id = cacheHN.attr('id');
//we will cache our current H element if (id == "") { //if it doesn't have only, of course
cacheHN = $(this); id = "h" + tagNumber + "_" + i;
//if we are on h1, 2, 3... cacheHN.attr('id', id);
tagNumber = ( cacheHN.get(0).tagName ).substr(1); }
  //our current text
//sets the needed id to the element txt = cacheHN.text();
id = cacheHN.attr('id');  
if (id == "") { //if it doesn't have only, of course switch (true) { //with switch(true) we can do comparisons in each case
id = "h" + tagNumber + "_" + i; case (tagNumber > previous) : //it means that we went down one level (e.g. from h2 to h3)
cacheHN.attr('id', id); appHTML = appHTML + "<" + options.listType + "><li>" + before + "<a href=\"#" + id + "\">" + txt + "</a>";
} previous = tagNumber;
//our current text break;
txt = cacheHN.text(); case (tagNumber == previous) : //it means that stay on the same level (e.g. h3 and stay on it)
  appHTML = appHTML + "</li><li>" + before + "<a href=\"#" + id + "\">" + txt + "</a>";
switch(true) { //with switch(true) we can do comparisons in each case break;
case (tagNumber > previous) : //it means that we went down one level (e.g. from h2 to h3) case (tagNumber < previous) : //it means that we went up but we don't know how much levels (e.g. from h3 to h2)
appHTML = appHTML + "<" + options.listType +"><li>"+ before +"<a href=\"#"+ id + "\">" + txt + "</a>"; while (tagNumber != previous) {
previous = tagNumber; appHTML = appHTML + "</" + options.listType + "></li>";
break; previous--;
case (tagNumber == previous) : //it means that stay on the same level (e.g. h3 and stay on it) }
appHTML = appHTML + "</li><li>"+ before +"<a href=\"#"+ id + "\">" + txt + "</a>"; appHTML = appHTML + "<li>" + before + "<a href=\"#" + id + "\">" + txt + "</a></li>";
break; break;
case (tagNumber < previous) : //it means that we went up but we don't know how much levels (e.g. from h3 to h2) }
while(tagNumber != previous) { i++;
appHTML = appHTML + "</" + options.listType +"></li>"; }
previous--; });
} //corrects our last item, because it may have some opened ul's
appHTML = appHTML + "<li>"+ before +"<a href=\"#"+ id + "\">" + txt + "</a></li>"; while (tagNumber != options.start) {
break; appHTML = appHTML + "</" + options.listType + ">";
} tagNumber--;
i++; }
}); //append our html to our object
//corrects our last item, because it may have some opened ul's appHTML = options.stocTitle + "<" + options.listType + ">" + appHTML + "</" + options.listType + ">";
while(tagNumber != options.start) { obj.append(appHTML);
appHTML = appHTML + "</" + options.listType +">";  
tagNumber--; //our pretty smooth scrolling here
} // acctually I've just compressed the code so you guys will think that I'm the man . Source: http://css-tricks.com/snippets/jquery/smooth-scrolling/
//append our html to our object if (options.smoothScroll == 1) {
appHTML = options.stocTitle + "<"+ options.listType + ">" + appHTML + "</" + options.listType + ">"; $(window).load(function () {
obj.append(appHTML); function filterPath(string) {
  return string.replace(/^\//, '').replace(/(index|default).[a-zA-Z]{3,4}$/, '').replace(/\/$/, '')
//our pretty smooth scrolling here }
// acctually I've just compressed the code so you guys will think that I'm the man . Source: http://css-tricks.com/snippets/jquery/smooth-scrolling/  
if (options.smoothScroll == 1) { var locationPath = filterPath(location.pathname);
$(window).load(function(){ var scrollElem = scrollableElement('html', 'body');
function filterPath(string){return string.replace(/^\//,'').replace(/(index|default).[a-zA-Z]{3,4}$/,'').replace(/\/$/,'')}var locationPath=filterPath(location.pathname);var scrollElem=scrollableElement('html','body');obj.find('a[href*=#]').each(function(){var thisPath=filterPath(this.pathname)||locationPath;if(locationPath==thisPath&&(location.hostname==this.hostname||!this.hostname)&&this.hash.replace(/#/,'')){var $target=$(this.hash),target=this.hash;if(target){var targetOffset=$target.offset().top;$(this).click(function(event){event.preventDefault();$(scrollElem).animate({scrollTop:targetOffset},400,function(){location.hash=target})})}}});function scrollableElement(els){for(var i=0,argLength=arguments.length;i<argLength;i++){var el=arguments[i],$scrollElement=$(el);if($scrollElement.scrollTop()>0){return el}else{$scrollElement.scrollTop(1);var isScrollable=$scrollElement.scrollTop()>0;$scrollElement.scrollTop(0);if(isScrollable){return el}}}return[]} obj.find('a[href*=#]').each(function () {
}); var thisPath = filterPath(this.pathname) || locationPath;
} if (locationPath == thisPath && (location.hostname == this.hostname || !this.hostname) && this.hash.replace(/#/, '')) {
}); var $target = $(this.hash), target = this.hash;
}; if (target) {
  var targetOffset = $target.offset().top;
  $(this).click(function (event) {
  event.preventDefault();
  $(scrollElem).animate({scrollTop: targetOffset}, 400, function () {
  location.hash = target
  })
  })
  }
  }
  });
  function scrollableElement(els) {
  for (var i = 0, argLength = arguments.length; i < argLength; i++) {
  var el = arguments[i], $scrollElement = $(el);
  if ($scrollElement.scrollTop() > 0) {
  return el
  } else {
  $scrollElement.scrollTop(1);
  var isScrollable = $scrollElement.scrollTop() > 0;
  $scrollElement.scrollTop(0);
  if (isScrollable) {
  return el
  }
  }
  }
  return[]
  }
  });
  }
  };
  };
})(jQuery); })(jQuery);
file:b/tools.iml (new)
  <?xml version="1.0" encoding="UTF-8"?>
  <module type="WEB_MODULE" version="4">
  <component name="NewModuleRootManager" inherit-compiler-output="true">
  <exclude-output />
  <content url="file://$MODULE_DIR$" />
  <orderEntry type="inheritedJdk" />
  <orderEntry type="sourceFolder" forTests="false" />
  </component>
  </module>