O'Reilly logo

Mastering MeteorJS Application Development by Jebin B V

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

d3.js with MeteorJS

As a final part of the chapter, we are going to develop a simple data visualization using d3.js with MeteorJS

d3.js is a famous data visualization library. It has a number of methods to support various kinds of visualization. We are going to see a small example that can portray the power of d3.js when combined with MeteorJS' reactivity.

DataViz

Create a MeterorJS application, such as DataViz. Add the d3.js package to the application using the meteor add d3js:d3 command and make the following changes.

HTML

Replace the body content of dataViz.html with the following HTML code:

    <header id="siteheader">
      <div class="logo"><a href="/">Data Viz</a></div>
    </header>
    <div class="container" id="sitebody"></div>

Remove the template below the ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required