Real Time Data Visualization using asp.net / SignalR + D3.js

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

• sunnyk_sharma@outlook.com

My Credentials

Sunny

Sharma

Thank You!