<commit_before><!doctype html>
<html lang="en">

  <head>
    <meta charset="utf-8">

    <title>Let's Map It! CoderFaire 2014</title>

    <meta name="author" content="<NAME>">

    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <link rel="stylesheet" href="css/reveal.min.css">
    <link rel="stylesheet" href="css/theme/default.css" id="theme">

    <!-- For syntax highlighting -->
    <link rel="stylesheet" href="lib/css/zenburn.css">
    <style>
    .reveal a:not(.image) { color: lightblue; }
        </style>

    <!-- If the query includes 'print-pdf', include the PDF print sheet -->
    <script>
      if( window.location.search.match( /print-pdf/gi ) ) {
        var link = document.createElement( 'link' );
        link.rel = 'stylesheet';
        link.type = 'text/css';
        link.href = 'css/print/pdf.css';
        document.getElementsByTagName( 'head' )[0].appendChild( link );
      }
    </script>

    <!--[if lt IE 9]>
    <script src="lib/js/html5shiv.js"></script>
    <![endif]-->
  </head>

  <body>

    <div class="reveal">

      <!-- Any section element inside of this container is displayed as a slide -->
      <div class="slides">
        <section>
          <h1>Let's Map It!</h1>
          <h3>Building Maps For The Web</h3>
          <h4>CoderFaire 2014</h4>
          <p>
            <small><a href="http://dailytechnology.net/"><NAME></a> / <a href="http://twitter.com/byeliad">@byeliad</a></small>
          </p>
        </section>

        <section>
            <h2>What We Will and Will Not Talk About</h2>
        </section>

        <section>
            <h3>What We'll Talk About</h3>
            <h4>Geospatial data formats.</h4>
            <aside class="notes">
                This is important because if you're going to map data,
                you need to know what the data might look like. You
                might have to work with several different data formats.
                Know your enemy.
            </aside>
        </section>

        <section>
            <h3>What We'll Talk About</h3>
            <p>Tools for transforming geospatial data.</p>
            <aside class="notes">
                Most data formats are not suitable for presenting on the
                web, so you'll want to know how to transform it into something
                useful.
            </aside>
        </section>

        <section>
            <h3>What We'll Talk About</h3>
            <p>Libraries to quickly view data.</p>
            <aside class="notes">
                When you're messing with geo data, it's really important
                to be able to quickly see what you're dealing with (checking
                periodically that you are not completely on the wrong trail).
            </aside>
        </section>

        <section>
            <h3>What We'll Talk About</h3>
            <p>Libraries to present data.</p>
            <aside class="notes">
                Leaflet.js and d3 being the two giants here.
                You want things to look nice and still be available on multiple platforms.
            </aside>
        </section>

        <section>
            <h3>What We <u>Won't</u> Talk About</h3>
            <p>How tile servers work.</p>
            <aside class="notes">
                This used to be something you had to talk about, but now
                with Mapbox it's not something you *have* to know about.
            </aside>
        </section>

        <section>
            <h3>What We <u>Won't</u> Talk About</h3>
            <p>Geographic projections (see <a href="http://xkcd.com/977/">XKCD #977</a>)</p>
            <div>
            <img src="img/map_projections.png" alt="projections" />
            </div>
            <aside class="notes">
                Because we're programmers, by golly, not cartographers.
            </aside>
        </section>

        <section>
            <h3>Why Should You Care?</h3>
            <aside class="notes">
            First, why care?
            More and more spatial information available from govmt srcs,
            better and better tools with which to present it.
            Spatial data is best presented in map, not tabular.
            </aside>
        </section>

        <section>
            <h2>It Has Gotten Better</h2>
            <img src="img/map_complexity.png" alt="complexity" />
        </section>

        <section>
        <h2>This?</h2>
        <img src="img/building_permits_tabular.png" alt="tabular permits">
        </section>

        <section>
        <h2>Or This?</h2>
        <img src="img/building_permits_mapped.png" alt="mapped permits">
        <aside class="notes">
        With this map you can immediately see where there are holes in the data.
        You can immediately see where most building permits are concentrated.
        </aside>
        </section>

        <section>
        <h2>Interesting Maps Abound!</h2>
        </section>

        <section>
        <img src="img/trulia_affordability.png" alt="trulia">
        <br/>
        <a href="http://pyvideo.org/video/672/making-maps-with-python">Making Maps with Python (Trulia)</a>
        <aside class="notes">
        There are all kinds of companies doing interesting things with maps.
        Trulia can show you affordability, crime rates, and all kinds of other interesting things.
        In fact, there is a 3 hour Youtube video online by Zain Memom that explains how Trulia did this.<commit_msg>Additional notes.<commit_after><!doctype html>
<html lang="en">

  <head>
    <meta charset="utf-8">

    <title>Let's Map It! CoderFaire 2014</title>

    <meta name="author" content="<NAME>">

    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <link rel="stylesheet" href="css/reveal.min.css">
    <link rel="stylesheet" href="css/theme/default.css" id="theme">

    <!-- For syntax highlighting -->
    <link rel="stylesheet" href="lib/css/zenburn.css">
    <style>
    .reveal a:not(.image) { color: lightblue; }
        </style>

    <!-- If the query includes 'print-pdf', include the PDF print sheet -->
    <script>
      if( window.location.search.match( /print-pdf/gi ) ) {
        var link = document.createElement( 'link' );
        link.rel = 'stylesheet';
        link.type = 'text/css';
        link.href = 'css/print/pdf.css';
        document.getElementsByTagName( 'head' )[0].appendChild( link );
      }
    </script>

    <!--[if lt IE 9]>
    <script src="lib/js/html5shiv.js"></script>
    <![endif]-->
  </head>

  <body>

    <div class="reveal">

      <!-- Any section element inside of this container is displayed as a slide -->
      <div class="slides">
        <section>
          <h1>Let's Map It!</h1>
          <h3>Building Maps For The Web</h3>
          <h4>CoderFaire 2014</h4>
          <p>
            <small><a href="http://dailytechnology.net/"><NAME></a> / <a href="http://twitter.com/byeliad">@byeliad</a></small>
          </p>
        </section>

        <section>
            <h2>What We Will and Will Not Talk About</h2>
        </section>

        <section>
            <h3>What We'll Talk About</h3>
            <h4>Geospatial data formats.</h4>
            <aside class="notes">
                This is important because if you're going to map data,
                you need to know what the data might look like. You
                might have to work with several different data formats.
                Know your enemy.
            </aside>
        </section>

        <section>
            <h3>What We'll Talk About</h3>
            <p>Tools for transforming geospatial data.</p>
            <aside class="notes">
                Most data formats are not suitable for presenting on the
                web, so you'll want to know how to transform it into something
                useful.
            </aside>
        </section>

        <section>
            <h3>What We'll Talk About</h3>
            <p>Libraries to quickly view data.</p>
            <aside class="notes">
                When you're messing with geo data, it's really important
                to be able to quickly see what you're dealing with (checking
                periodically that you are not completely on the wrong trail).
            </aside>
        </section>

        <section>
            <h3>What We'll Talk About</h3>
            <p>Libraries to present data.</p>
            <aside class="notes">
                Leaflet.js and d3 being the two giants here.
                You want things to look nice and still be available on multiple platforms.
            </aside>
        </section>

        <section>
            <h3>What We <u>Won't</u> Talk About</h3>
            <p>How tile servers work.</p>
            <aside class="notes">
                This used to be something you had to talk about, but now
                with Mapbox it's not something you *have* to know about.
            </aside>
        </section>

        <section>
            <h3>What We <u>Won't</u> Talk About</h3>
            <p>Geographic projections (see <a href="http://xkcd.com/977/">XKCD #977</a>)</p>
            <div>
            <img src="img/map_projections.png" alt="projections" />
            </div>
            <aside class="notes">
                Because we're programmers, by golly, not cartographers.
            </aside>
        </section>

        <section>
            <h3>Why Should You Care?</h3>
            <aside class="notes">
            First, why care?
            More and more spatial information available from govmt srcs,
            better and better tools with which to present it.
            Spatial data is best presented in map, not tabular.
            (~3m)
            </aside>
        </section>

        <section>
            <h2>It Has Gotten Better</h2>
            <img src="img/map_complexity.png" alt="complexity" />
            <p><a href="http://vimeo.com/106112939">Source: How Simplicity Will Save GIS</a></p>
            <aside class="notes">
                This is what it used to be. this is from a talk by <NAME>, the
                creator of leaflet.
            </aside>
        </section>

        <section>
        <h2>This?</h2>
        <img src="img/building_permits_tabular.png" alt="tabular permits">
        </section>

        <section>
        <h2>Or This?</h2>
        <img src="img/building_permits_mapped.png" alt="mapped permits">
        <aside class="notes">
        With this map you can immediately see where there are holes in the data.
        You can immediately see where most building permits are concentrated.
        </aside>
        </section>

        <section>
        <h2>Interesting Maps Abound!</h2>
        <aside class="notes">
            One of the strongest reasons for me, personally, is that I
            see all of these really cool maps and I want to know how to
            create them!
        </aside>
        </section>

        <section>
        <img src="img/trulia_affordability.png" alt="trulia">
        <br/>
        <a href="http://pyvideo.org/video/672/making-maps-with-python">Making Maps with Python (Trulia)</a>
        <aside class="notes">
        There are all kinds of companies doing interesting things with maps.
        Trulia can show you affordability, crime rates, and all kinds of other interesting things.
        In fact, there is a 3 hour Youtube video online by <NAME> that explains how Trulia did this.
{'fraction_non_alphanumeric': 0.12244725738396625, 'fraction_numerical': 0.01080168776371308, 'mean_word_length': 1.8522262334536703, 'pattern_counts': {'":': 0, '<': 293, '<?xml version=': 0, '>': 293, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7404764', 'n_tokens_mistral': 3593, 'n_tokens_neox': 3351, 'n_words': 1066}