Banner Image

All Portfolio

Data visualization video animation

8 of 13
    • Have modified High Definition video footage created in Adobe After Effects to work on web.
      The video has been layered beneath another layer which represents data visualization on the map of the world.

      We have overcame lots of challenges in this project, The first big challenge was how to implement very large high quality video footage on web! Have used many techniques to edit, cut, trim and modify the video file to get the size from something around 1 GIG to 2.8 MB! Keeping the good quality..

      Another challenge was displaying these coloured data spots randomly and dynamically in a way it looks real.

      The project has a lot of functionality:
      ------------------------------------------------------
      1) The map of the world is an animated video behind the data layer.
      2) Displaying the user's local time machine.
      3) Showing time in Hours/Minutes/Seconds and Milliseconds.
      4) Pulsing Green, Yellow and Red dots showing on the video layer represent dynamic and random activities of purchases, installs and events which are happening all over Major cities in the world.
      5) Have written a javascript browser agent detector to load mobile version of website, without the video background.


  • Related Services

  • Skills & Industries

    HTML5

    JavaScript

    Flash

    Google Swiffy

    Hd Video

    Responsive Web Design

    User Interface Design

Alaa Sedki
Alaa Sedki
Toronto, Ontario, Canada Past Earnings