real time data visualization using asp.net / signalr + d3.js
TRANSCRIPT
Real TimeData Visualization
using
ASP.NET MVC SignalR D3.JS+ +
Agenda
• Introduction to SignalR• Introduction to D3.js• Demo - Real time data visualization
Without real-time
With real-time
SignalRSignalR is a series of abstractions around various
methods of providing
Persistent HTTP connections
distributed as open source
SignalR
•Abstraction over transports
•Connection management
•Broadcast or target specific client
SignalR Core Concepts
Connection
Represents a simple endpoint for sending single-recipient, grouped, or broadcast
messages
SignalR Core Concepts
Hub
Built upon the connection API that allows your Client and Server to call methods on
each other directly
SignalR Core Concepts
Backplane
A Backplane allows you to scale your application to multiple server.
SignalR Fallback
Long Polling
Forever Frames
Server Sent Events
Web Sockets
D3.js
•A JavaScript library for manipulating documents based on data.
•Helps you create rich visualizations using HTML, SVG & CSS
D3js.org
Demo Breakdown
Real Time Data Visualization
Please share your
feedback!
goo.gl/v5s2OS
• C# Corner MVP / Author / Speaker
• Developer - .NET Stack
• @sunny_delhi
My Credentials
Sunny
Sharma
Thank You!