How are the demos made?

[gaurav21r]

Hello! Oboe.js is really fantastic and equally fantastic are the demo animations!

How are these animations made? By inspecting source I saw that the diagrams themselves are SVG. Is there any animation framework being used? Is one created especially for this.

Having seen https://github.com/jimhigson/oboe.js-website/tree/master/statics/js/demo The animation framework looks pretty general purpose!

Any chance maybe we could pull it out and make it standalone! Just a passing thought but would love to get some insight at least!

[jimhigson]

Hi Gaurav

Sure, you could pull it out into a standard library for visualising similar
things. It is based on a pretty simple MVC simulation model - it simulates
network traffic and keeps an animation going to match the model.

All I used to build it is jQuery and SVG.

Jim

On Wed, Mar 2, 2016 at 5:11 PM, Gaurav Ramanan [email protected]
wrote:

Hello! Oboe.js is really fantastic and equally fantastic are the demo
animations!

How are these animations made? By inspecting source I saw that the
diagrams themselves are SVG. Is there any animation framework being used?
Is one created especially for this.

Having seen
https://github.com/jimhigson/oboe.js-website/tree/master/statics/js/demo
The animation framework looks pretty general purpose!

Any chance maybe we could pull it out and make it standalone! Just a
passing thought but would love to get some insight at least!

—
Reply to this email directly or view it on GitHub
#16.

[gaurav21r]

@jimhigson Wow. THanks. But I need some guidance. Can you write a short intro into how to get familiar with the codebase? What file does what?

[jimhigson]

The code for the animations is all in:
https://github.com/jimhigson/oboe.js-website/tree/master/statics/js/demo

Should read ok for the most part. The model-related stuff is in the model
dir, views in views etc. Descriptions of each animation are in scenarios.js.

On Mon, Mar 7, 2016 at 11:28 AM, Gaurav Ramanan [email protected]
wrote:

@jimhigson https://github.com/jimhigson Wow. THanks. But I need some
guidance. Can you write a short intro into how to get familiar with the
codebase? What file does what?

—
Reply to this email directly or view it on GitHub
#16 (comment)
.