sivartravis

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

sivartravis

Libraries

• 960 Grid System - An effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
• Compass - Open source CSS Authoring Framework.
• Bootstrap - Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
• Font Awesome - The iconic font designed for Bootstrap.
• Zurb Foundation - Framework for writing responsive web sites.
• SASS - CSS extension language which allows variables, mixins and rules nesting.
• Skeleton - Boilerplate for responsive, mobile-friendly development.

Guides

sivartravis

Libraries

• jQuery - The de-facto library for the modern age. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
• Backbone - Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
• AngularJS - Conventions based MVC framework for HTML5 apps.
• Underscore - Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects.
• lawnchair - Key/value store adapter for indexdb, localStorage

sivartravis

Private Sub Application_ItemSend(ByVal Item As Object, Cancel As Boolean)
 
  '## CHECK IF ITEM IS NEW E-MAIL BEFORE PROCEEDING:
  
  If (Item.Class <> olMail) Then Exit Sub         ' Ensure this is a mail message and not a task or other "item".
  If (Item.Recipients.Count = 0) Then Exit Sub    ' Exit early if there are no recpients.
  
 
  '------------------------------
  '## (1) CHECK FOR MISSING ATTACHMENT:

sivartravis

This choropleth encodes unemployment rates from 2008 with a quantize scale ranging from 0 to 15%. A threshold scale is a useful alternative for coloring arbitrary ranges.

forked from wboykinm's block: Choropleth

sivartravis

Migrant Deaths

Slippy (zoomable/draggable) map and tile management, with data layer comprised of semitransparent circles. Also demonstrates an info overlay activated when the user is hovering over a data item. The visualization does not use any other library than D3.js.

See the script in action here

forked from boeric's block: Deaths of Migrants

sivartravis

Slave Voyages - Embarking

This is an attempt at visualizing the relative scale of the slave trade by country. The data comes from slavevoyages.org.

The visualization is inpsired by the Mountains-out-of-molehills visualization. The focus is to communicate the relative scale over time, giving us a sense of activity over time of this attrocious part of our history.

sivartravis

Inspired by an example from Mike Bostock. Colors from Every ColorBrewer Scale.

forked from bricedev's block: Grouped bar chart

sivartravis

Built with blockbuilder.org

Horserace tool

This is a tool I built for Google News Lab to compare the Google search indexes of all presidential candidates

forked from jieqianzhang's block: Horserace tool

sivartravis

This is an example of using d3.js and Google Maps.

The data.json file is simply the output from the API Console page: https://www.yelp.com/developers/api_console, and was created using the conference hotel address in the "Near" field.

Here's the full query: http://api.yelp.com/v2/search/?term=Bars&location=Hyatt Regency Century Plaza, Los Angeles, CA&sort=2&limit=20&actionlinks=true Built with blockbuilder.org Built with blockbuilder.org

forked from jeremycflin's block: Google Map + D3 Example