Giter Club home page Giter Club logo

a3-azimmer8-hoiyi's Introduction

a3-azimmer8-hoiyi

Team Members

Alec Zimmer (azimmer8) Hoiyi Ng (hoiyi) Ning Li (ningli30)

CO2 Emissions Worldwide

Our visualization displays levels of CO2 intensity (CO2 emissions per economic output) by country by year from 1960 to 2010.

Running Instructions

Download the files to a folder and run index.html (though not through Chrome since it won't load in the data).

Story Board

See the storyboard. This also includes our final writeup. One thing we were unable to fix is that the data does not display on being loaded; one has to move the slider first for data to display.

Development Process

A lot of our time was spent on figuring out very basic HTML/Javascript/D3 actions. It's hard to describe who did what because most things were a combination of many little contributions from different people.

  • Initial planning/storyboarding - Alec and Hoiyi
  • Getting initial map displayed - Hoiyi and Alec
  • Loading in the data - Hoiyi and Alec
  • Creating hover icons - Hoiyi
  • Legend - Hoiyi
  • Modifying hover icon text - Alec
  • Time slider - Ning
  • Linking up slider to data - Ning and Alec
  • Speeding up data access to update immediately - Alec
  • Organization/setting up github/coordinating code - Alec
  • Writeup - Alec

For Alec, the time division would probably be about 6 hours - writing stuff/setting up Github/coordinating over email with people, probably about 20-25 hours dealing with code, most of which was searching for stuff online, looking for examples, reading pieces of tutorials.

a3-azimmer8-hoiyi's People

Contributors

thatperson42 avatar nghy avatar ninginthecloud avatar

Watchers

Jeffrey Heer avatar James Cloos avatar  avatar  avatar

Forkers

ninginthecloud

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.