Maperator

Replay twitter events to explore relevant geographic information as the conversation unfolds.

Process:

1. Talk about the final viz, collect data, talk about the final viz, format
   data, talk about the final viz, add 3rd party data, reformat data, ...

2. Decide on inital region for map:
   West: -105.5270
   North: 40.2342
   East: -105.0233
   South: 39.9088

3. Review resources.

• D3 Map + Slider
• D3 Slider Examples
• D3 + Leaflet.js

4. Create a map and add points using the tutorial on Leaflet.js
   

5. Learn how to embed tweets programatically.

• Set up Twitter for Websites
• Embedded Tweet JavaScript Factory Function

6. Build a line graph for Tweet volume.
   

7. Learn jitter techniques and apply an appropriate solution.

• Force directed jitter
• Custom projection
• Ongoing discussion
• Simple random jitter

8. Learn how to dynamically update the map based on mouse's position in the timeline.

• [Line graph tooltip] (http://bl.ocks.org/d3noob/e5daff57a04c2639125e)
  

9. Learn how to embed photos from instagram.

• It looks "simple"
• Asked a StackOverflow question
• Created a work-around

10. Learn how to use a brush.

• Brush in Action

11. Add scrolling for brush selections.

• Scrolling div content

11. Ideas for iteration:

• New statistics field (both global and interval level).
• Radio buttons for timeline stats.
• Bar graph for external data by date.
• New data format:
  • TimeStamp
    • stats (total_tweets, media_total, geo_total, optional_hashtag_count)
    • tweets_geo: (geoJson w/ properties: tweet_url, media_native, media_external, geo_type)
    • tweets_VIT: (set of tweet urls)