anchor.diff:          div(class="col-xs-12")
               p(class="color-white chart-caption" ).
                   #[strong Chart 3. Tweets Per Minute]#[br]
  -                This chart shows tweets per minute for each movie. The data shows how popular the movie is over a short period of time. It’ll be interesting on the Oscars Night®!
  +                This chart show tweets per minute for each movie. The data shows in detail how popular is a movie is in a short period of time. It’ll be interesting on the Oscars Night!
               div(class='overlay-mask')
               div(id="not_aggregated_chart" style="height: 500px;")
   
  
positive.code:                 p(class="color-white").
                      We created this real time Twitter buzz meter as a side project of our company #[a(href="http://www.freeportmetrics.com") Freeport Metrics]. The challenge was to figure out who will win the best picture #[a(href="http://www.oscars.org") Oscar® 2016]. We wanted to make it real time to track changes in time, the closer to the Oscars®, the better. First we brainstormed different methods of predicting the winner:
                  ul(class="color-white")
                      li measuring how bookmakers’ scores change
                      li creating a free market prediction model where people buy movie stocks
                      li mapping connections between the members of the Academy and the nominees
                      li measuring the buzz on Twitter in real time
                  p The Twitter buzz meter turned out to be the most interesting from the technological point of view: a lot of data! We use #[a(href="http://www.nodejs.org") Node.js] server to retrieve tweets that contain previously defined # and @ from the #[a(href="https://dev.twitter.com/streaming/overview") Twitter Stream API]. For the database we use #[a(href="http://www.rethinkdb.com") RethinkDB] to store all the data. Is our solution scalable? Well, yes. We update the counters on the fly to avoid our servers to explode :)
                  p(class="m-b-lg").
                      On the front-end we used #[a(href="http://www.socket.io") Socket.IO] to get data streamed from the server instead of making queries each time. For drawing charts we used #[a(href="http://c3js.org/") C3] library. That’s the whole magic!
  
  
negative.code:       div(class='col-xs-12')
          p(class="color-white chart-caption").
                #[strong Chart 2. Buzz Trend Line in Time]#[br]
                This chart shows how the number of tweets per movie grows in real time. The chart displays data from the last hour.
          div(class='overlay-mask')
          div(id="aggregated_chart" )
  
  