index.html

---
layout: default
---

<div class="container">
  <div class="form-inline">
    <p class="lead">A quick reference guide with numerous tools for data journalism or other related projects.</p>
    <hr />
    <p>Check out about this project <a href="what.html">in this link</a>. You can also access our <a href="http://prego.voltdata.info/output.json" target="_blank">humble API</a> and <a id="bookmark-this" href="#" title="Bookmark This Page">bookmark this page</a> if you like.</p>
    <p>Do you know about a tool to share? <a href="https://goo.gl/forms/lBEj7Gv9MZLFFXIg1" target="_blank">Click here and tell us!</a>.</p>
    <p>I <strong>strongly</strong> and <em>italicly</em> recommend that you check my evil competitors <a href="http://laburbano.org/datatools/" target="_blank"><em>Periodic Table of Data Tools</em></a> and <a href="https://twitter.com/NataliaMazotte" target="_blank">Natalia Mazotte's</a> <em>70 tools in 90 minutes</em> <a href="https://docs.google.com/presentation/d/17fUHRK_qZ-BhKjQkSWPBMQcjZ7sRKz8rIHRdT9masGw/edit#slide=id.g32c1a5d5d8_0_0" target="_blank">presentation deck</a>.</p>
    	<br />
      <p><strong>TAGS:</strong>
            <a href="#" id="1" class="btn" onclick="reply_click(this)" data-product-name='graphics'>x graphics</a>
    				<a href="#" id="1" class="btn" onclick="reply_click(this)" data-product-name='data'>x data</a>
    				<a href="#" id="1" class="btn" onclick="reply_click(this)" data-product-name='maps'>x maps</a>
    				<a href="#" id="1" class="btn" onclick="reply_click(this)" data-product-name='Jekyll'>x jekyll</a>
    				<a href="#" id="1" class="btn" onclick="reply_click(this)" data-product-name='tutorial'>x tutorial</a>
          	<a href="#" id="1" class="btn" onclick="reply_click(this)" data-product-name='coding'>x coding</a>
            <a href="#" id="1" class="btn" onclick="reply_click(this)" data-product-name='ruby'>x ruby</a>
    				<a href="#" id="1" class="btn" onclick="reply_click(this)" data-product-name='other-stuff'>x other stuff</a>
    				</p>
  </div>
</div><!-- /.container -->

<div class="container">

{% include interactive-cards.html %}
</div><!-- /.container -->
<div class="container">
    <div class="row">
        <p><small>Built by <a href="http://twitter.com/@sergiospagnuolo" target="_blank">Sérgio Spagnuolo</a>, from
           <a href="http://twitter.com/@voltdatalab" target="_blank">Volt Data Lab</a>, with <a href="https://github.com/rypan/jekyll-db">Jekyll DB</a></p>
    </div>
</div>



<script>
jQuery(function($) {
  $('#bookmark-this').click(function(e) {
    var bookmarkURL = window.location.href;
    var bookmarkTitle = document.title;

    if ('addToHomescreen' in window && addToHomescreen.isCompatible) {
      // Mobile browsers
      addToHomescreen({ autostart: false, startDelay: 0 }).show(true);
    } else if (window.sidebar && window.sidebar.addPanel) {
      // Firefox version < 23
      window.sidebar.addPanel(bookmarkTitle, bookmarkURL, '');
    } else if ((window.sidebar && /Firefox/i.test(navigator.userAgent)) || (window.opera && window.print)) {
      // Firefox 23+ and Opera version < 15
      $(this).attr({
        href: bookmarkURL,
        title: bookmarkTitle,
        rel: 'sidebar'
      }).off(e);
      return true;
    } else if (window.external && ('AddFavorite' in window.external)) {
      // IE Favorites
      window.external.AddFavorite(bookmarkURL, bookmarkTitle);
    } else {
      // Other browsers (mainly WebKit & Blink - Safari, Chrome, Opera 15+)
      alert('Press ' + (/Mac/i.test(navigator.userAgent) ? 'Cmd' : 'Ctrl') + '+D to bookmark this page.');
    }

    return false;
  });
});
</script>