Book Image

Mastering MeteorJS Application Development

By : Arturas Lebedevas, Jebin BV
Book Image

Mastering MeteorJS Application Development

By: Arturas Lebedevas, Jebin BV

Overview of this book

The web is dead – applications now rule our online experiences. But how are you going to build them? Well, if you’ve been paying attention, you might already have tried your hand with MeteorJS, the JavaScript framework that helps you build complete full-stack web applications that are responsive and fast with ease. Mastering MeteorJS Application Development shows you how to do even more with MeteorJS – if you’re ready to try a comprehensive course through one of the most exciting frameworks in web development today, this is the book you need. Designed to take you through the entire process of building an advanced multipage application with Meteor, you’ll be able to bring your web development ideas with surprising ease. You’ll not only learn how Meteor makes web development easier, but also how you can make using Meteor easier, by automating and simplifying tasks so you can be confident you have full control of everything in your workflow – especially everything that could go wrong. From automated testing to integrating other useful frameworks such as Angular and D3, each chapter covers a crucial element in the Meteor development process. Discover how to integrate animations using Meteor’s Blaze, to give your UI designs the edge, and explore reactive programming to effectively harness RESTful systems in your projects. You will also learn how to deploy and scale your application, two crucial aspects of modern development and vital in a changing digital environment with users expecting a product and experience that delivers. With further insights on developing for mobile – and how Meteor can help you tackle the challenges of the trend – and details on incorporating SEO strategies into your application, this book isn’t just a code tutorial – it’s about creating a product that users love.
Table of Contents (16 chapters)
Mastering MeteorJS Application Development
Credits
About the Author
About the Reviewer
www.PacktPub.com
Preface
Index

Animation using d3.js


We looked at a d3.js example in the previous chapter. We now know how to handle MeteorJS reactivity. In this section, we are going to learn how to perform animations and transitions using d3.js.

What are we going to develop to demonstrate d3.js animations? We are going to develop a visualization that will show climate change in world locations. Cool, isn't it?

Our objective is to learn how to perform animations using d3.js. Most of the code samples will be pretty well known to you. To keep things simple, we are going to draw a world map with the help of the DataMaps package. The idea of the application is to show circles on the map at the specified latitude and longitude with simple animations.

Let us start by creating an application, for example, AnimationPartyd3. Remove all the hello template-related code, including the content of the body tag in AnimationPartyd3.html. Insert a div container where we will draw the, map as follows:

<div id="container"></div&gt...