GithubHelp home page GithubHelp logo

mbtaviz / green-line-release Goto Github PK

View Code? Open in Web Editor NEW
23.0 3.0 8.0 2.48 MB

Interactive analysis of first Green Line tracking data from the MBTA

Home Page: http://mbtaviz.github.io/green-line-release/

JavaScript 83.63% CSS 16.37%

green-line-release's Introduction

MBTA Releases Green Line Data

mbtaviz.github.io/green-line-release

When we built Visualizing MBTA Data to help explain Boston's Subway System, there was no data available for the Green Line. The MBTA began publishing that data in October, 2014. This project is a web-based interactive look inside the first data that began to flow for the Green Line.

Check it out: http://mbtaviz.github.io/green-line-release.

This code is largely based on https://github.com/mbtaviz/mbtaviz.github.io.

Quick Start

  1. Install node.js

  2. Install bower to grab dependencies, less to compile style sheets and http-server to run the website

    npm install -g bower less http-server

  3. Install dependencies

    bower install

  4. Compile less css files into a single stylesheet

    lessc --clean-css styles/main.less > styles/main.css

  5. Serve up the website

    http-server

  6. Browse to http://localhost:8080/ to see the visualization

Source Code Layout

data\                post-processed visualization data
scripts\             JavaScript files for the visualization and the website
styles\              less CSS stylesheets and main.css that they are compiled into
media\               Opengraph/Twitter Card images
bower.json           bower dependencies
ie.png               website rendered to an image for browsers without svg support
index.html           landing page
README.md            README file that appears on the website's github page

Regenerating Stylesheets

The visualization loads main.css which is generated from all of the less files in the styles/ directory. If you change any of the less stylesheets use the less compile to regenerate main.css as described above:

lessc --clean-css styles/main.less > styles/main.css

For more information see http://lesscss.org.

Creators

Mike Barry

Brian Card

License

Copyright 2014 Michael Barry and Brian Card.

JavaScript source files and less stylesheets released under the MIT License.

All other files including this README, the main web page, and images made available under Github's terms of service

green-line-release's People

Contributors

msbarry avatar

Stargazers

() => { } avatar  avatar Saiful Azfar Ramlee avatar Greg Yeutter avatar Nuno Rodrigues avatar Andrew Colabella avatar Tariq avatar Athan avatar Kuan Butts avatar  avatar Matt Sylvia avatar Yeesian Ng avatar Jiahao Chen avatar Peyman Noursalehi avatar Christian Spanring avatar  avatar Abe avatar Jason Zopf avatar Ben R avatar Chris Holden avatar Brian Peck avatar Mathieu Méa avatar  avatar

Watchers

James Cloos avatar  avatar  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.