Making Open Work
May 8–9, 2017: Training & Tutorials
May 10–11, 2017: Conference
Austin, TX

Visualizing real-time data with Angular and D3

Jeremy Wilken (VMware)
1:30pm5:00pm Monday, May 8, 2017
Data, Big and Small
Location: Meeting Room 10 A/B
Level: Beginner
Average rating: ****.
(4.00, 3 ratings)

Who is this presentation for?

  • Software engineers

Prerequisite knowledge

  • A general understanding of JavaScript, web applications, and the basics of how data flows over the network
  • Familiarity with Angular and D3

Materials or downloads needed in advance

  • A laptop with Docker, Git, Node.js 4+, and the Angular CLI installed
  • A Google account

What you'll learn

  • Understand how data is ingested and persisted
  • Learn how to visualize real-time streaming data, using D3 to display interactive visualizations and Angular for the web application layer


Many applications have to deal with managing and displaying real-time data, and there are a number of things to consider when streaming data, including options for ingesting and storing data, methods to transport data over the network, how to capture data on the client side, and ways to refresh the UI as data flows. However, there are many open source or free tools that make managing and displaying real-time data much easier to accomplish.

Jeremy Wilken demonstrates how to use Angular and D3 together as the web application layer that will consume a real-time stream of data and display a meaningful visualization. Along the way, Jeremy shares some challenges and considerations when building your own real-time visualizations. You’ll leave with a working streaming client that visualizes data.

Photo of Jeremy Wilken

Jeremy Wilken


Jeremy Wilken is a software architect who designs web applications from the ground up, as well as the author of Ionic in Action and Angular 2 in Action. Jeremy lives in Austin, Texas, with his wife and daughters. When he isn’t coding, you can find him brewing beer.