<commit_before><!DOCTYPE html>
<html>
  <head>
    <title>The Making of "A Short History of Snowfall"</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <style type="text/css">
      @import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
      @import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
      @import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic);

      body { font-family: 'Droid Serif'; }
      h1, h2, h3 {
        font-family: 'Yanone Kaffeesatz';
        font-weight: normal;
      }
      .remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }
      #source {
        /* Hide the blog title and post titles while web fonts are loading */
        visibility: hidden;
      }
    </style>
  </head>
  <body>
    <textarea id="source">

class: center, middle

# The Making of "A Short History of Snowfall"
## (Also, the working specification)

---

# Concept
## Show the amount of snowfall on a map for each year.
### I knew the data existed in some form.
#### This is normally the case, you have *some* prior knowledge.

---

# The Perfect Dataset
## An evenly spaced hex grid (binned) daily measurements of all the earth for all of recorded history.
### Complete in time
### Complete in space
### Even in space

---

# The Available Data
## Indirection
### Station
### Snowfall
## First available snowfall measure
## Coverage Dates
### Human-relatable measurments. The weather stations are named.
### Approachable data visualizations

---

# Accessing the Data
## The API
## Developer Access

---

# Station Data
## Elements
## Element size
## Count
## Total size
## Time to get dynamicly

---

# Filter
## JSON encoded
## CSV encoded

---

# Plotting Station Data
Something like this:
<iframe style="width: 100%" src="http://bl.ocks.org/Butterwell/eee5c0d9e18f6f6d33ea"></iframe>

---

# Station Data
Likely, you noticed a quite a delay for the data load. Let's fix that.

---

# Offline Considerations
## Manifest File

---

# Drawing Mountains of Snow

---

# Binning

---

# Vennilli Partitioning

---

# Melting
## Not all stations measure current depth.
## Since we were not showing the melting all along, is melting lieing?
## First pass: reset to 0 depth on July 1st.

---

# Providing more information
## Minimum yearly, maximum yearly on hover
## Location name

---

# A Need for Speed
## Don't waste my time
## Station Encoding
## Snowfall Encoding
## Progressive enhancement

    </textarea>
    <script src="https://gnab.github.io/remark/downloads/remark-latest.min.js"></script>
    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <script>
      var slideshow = remark.create();
      document.getElementById('source').style.visibility = 'visable';
      slideshow.on('showSlide', function (slide) {
        // slide being navigated to
      });
      slideshow.on('hideSlide', function (slide) {
        // slide being navigated away from
      });
      // disables remark's interactions, allowing user to program custom event handlers
      // for keyboard events, etc...)
      //   slideshow.pause()
      // re-enables remarks default interaction event handlers
      //   slideshow.resume()
    </script>
  </body>
</html>
<commit_msg>Set iframe width and height to source size<commit_after><!DOCTYPE html>
<html>
  <head>
    <title>The Making of "A Short History of Snowfall"</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <style type="text/css">
      @import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
      @import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
      @import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic);

      body { font-family: 'Droid Serif'; }
      h1, h2, h3 {
        font-family: 'Yanone Kaffeesatz';
        font-weight: normal;
      }
      .remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }
      #source {
        /* Hide the blog title and post titles while web fonts are loading */
        visibility: hidden;
      }
    </style>
  </head>
  <body>
    <textarea id="source">

class: center, middle

# The Making of "A Short History of Snowfall"
## (Also, the working specification)

---

# Concept
## Show the amount of snowfall on a map for each year.
### I knew the data existed in some form.
#### This is normally the case, you have *some* prior knowledge.

---

# The Perfect Dataset
## An evenly spaced hex grid (binned) daily measurements of all the earth for all of recorded history.
### Complete in time
### Complete in space
### Even in space

---

# The Available Data
## Indirection
### Station
### Snowfall
## First available snowfall measure
## Coverage Dates
### Human-relatable measurments. The weather stations are named.
### Approachable data visualizations

---

# Accessing the Data
## The API
## Developer Access

---

# Station Data
## Elements
## Element size
## Count
## Total size
## Time to get dynamicly

---

# Filter
## JSON encoded
## CSV encoded

---

# Plotting Station Data
Something like this:
<iframe style="width: 960; height:500;" src="http://bl.ocks.org/Butterwell/eee5c0d9e18f6f6d33ea"></iframe>

---

# Station Data
Likely, you noticed a quite a delay for the data load. Let's fix that.

---

# Offline Considerations
## Manifest File

---

# Drawing Mountains of Snow

---

# Binning

---

# Vennilli Partitioning

---

# Melting
## Not all stations measure current depth.
## Since we were not showing the melting all along, is melting lieing?
## First pass: reset to 0 depth on July 1st.

---

# Providing more information
## Minimum yearly, maximum yearly on hover
## Location name

---

# A Need for Speed
## Don't waste my time
## Station Encoding
## Snowfall Encoding
## Progressive enhancement

    </textarea>
    <script src="https://gnab.github.io/remark/downloads/remark-latest.min.js"></script>
    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <script>
      var slideshow = remark.create();
      document.getElementById('source').style.visibility = 'visable';
      slideshow.on('showSlide', function (slide) {
        // slide being navigated to
      });
      slideshow.on('hideSlide', function (slide) {
        // slide being navigated away from
      });
      // disables remark's interactions, allowing user to program custom event handlers
      // for keyboard events, etc...)
      //   slideshow.pause()
      // re-enables remarks default interaction event handlers
      //   slideshow.resume()
    </script>
  </body>
</html>

{'fraction_non_alphanumeric': 0.13385237310974696, 'fraction_numerical': 0.012427010031441832, 'mean_word_length': 3.085626911314985, 'pattern_counts': {'":': 0, '<': 47, '<?xml version=': 0, '>': 47, 'https://': 8, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3454811', 'n_tokens_mistral': 2133, 'n_tokens_neox': 2011, 'n_words': 654}