Git Product home page Git Product logo

dashboard-5's Introduction

Information

This is something I created for my current job and thought I would share it when other people since this is a popular thing to do for a TV or something in your office.

You can see a demo of it at http://skorecky.github.com/Dashboard/

Features

  • Weather background color changes depending on hot(85+)/cold(60-)
  • Turn off what you don't want to see.
  • Super easy setup and install. Anything that can serve HTML/JavaScript

Supported Services

  • Twitter
  • Facebook
  • Weather
  • Time
  • Chartbeat
  • Linode

Notes:

  • If you see the "Loading..." not going away, that is the json feed not loading. API's like Twitters limit to 150 requests/hour so if you exceed that, then you'll get this error. In the future I'll check for this and display an error.
  • Twitter, Facebook, and Weather will refresh every 30 minutes by default. Chartbeat and Linode every 30 seconds by default.

Setup

Setup is super simple. Look inside 'javascripts/settings.js' to change your settings.

settings = {
  title : "Fuel Collective Dashboard", // Displayed on homepage
	twitter : "fuelcollective", // http://twitter.com/#!/[XXXXX]
	facebook : "148895398516230", // https://www.facebook.com/pages/XXXXX/[XXXXXXXX]
	weather : "60304", // zip code
	chartbeatDomain : "",
	chartbeatKey : "",
	linodeKey : "", // Linode - Look in My Profile for API key
	slowUpdateTime : 1800000, //update every 30 minutes - for twiiter, facebook, and weather
	fastUpdateTime : 30000, //update every 30 seconds - for chartbeat
	showUpDown : true, // show up/down status of twitter, facebook, and chartbeat
	time: true // show current time
};

anything left blank "", will simply not be displayed on the screen. More services will be added when I have time.

dashboard-5's People

Contributors

skorecky avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.