Home / Companies / PubNub / Blog / Post Details
Content Deep Dive

Plotting Real-time Data of Financial Performance with NVD3

Blog post from PubNub

Post Details
Company
Date Published
Author
Michael Carroll
Word Count
1,492
Language
English
Hacker News Points
-
Summary

The blog post details a process for creating a real-time data visualization application using NVD3 with AngularJS to track the profit earned by drivers. It explains how to set up the application using tools like HAML for HTML structure, D3 and NVD3 for graphing, Angular for views and controllers, and PubNub for real-time communication. The application is designed to display bullet charts that fill in as drivers complete routes, showcasing minimum, average, and maximum earnings, with specific setup instructions for dependencies and JavaScript implementation. PubNub's messaging service is integrated to update the charts dynamically, and a simple JavaScript file is used to simulate message sending for testing purposes. The post provides guidance on running the graph by using either a Python SimpleHTTPServer or directly opening the HTML file in a web browser to visualize the data as messages are sent.