Build a realtime graph using JavaScript
Building realtime graph line chart to display live weather updates and temperature changes in London, UK.
Follow tutorial
Pusher APIs make it simple to add realtime features to your applications, fast. We have hundreds of tutorials, written by our experts, to get you up and running!
Search to find your feature in our collection, or check out the subject list below for inspiration on what you can build using Pusher.
Building realtime graph line chart to display live weather updates and temperature changes in London, UK.
Follow tutorial
Create a graph that updates in realtime in your Android device using Java and Node.js.
Follow tutorial
Build an expense and income tracker chart with realtime features.
Follow tutorial
Build a realtime PWA displaying the price information about cryptocurrencies using React.js and Pusher.
Follow tutorial
Create a simple realtime chart in iOS using Swift, Node.js and Pusher.
Follow tutorial
In this tutorial we will be building a trade platform that portrays the experience for stock markets using Vanilla JavaScript and Node.js.
Follow tutorial
Build a web app that tracks votes in realtime using Nest.js and Canvas.js.
Follow tutorial
Use Next.js and Chart.js to build a web app that receives user votes, presents the results as a graph, and updates the graph in realtime as more votes come in.
Follow tutorial
Build a polling application in Angular. Use Chart.js to visualize voting results in realtime.
Follow tutorial
Build a live poll of user ages, with Angular, Node, Express and Chart.js.
Follow tutorial
Build a web app with Ruby on Rails, featuring a live poll and chart. User responses are communicated instantly, with the chart updating in realtime.
Follow tutorial
Build a live graph to track Bitcoin prices using Flask. You will create a simple Python application that pulls in Bitcoin sample data and displays it on a live graph using Plotly.
Follow tutorial
Build a live voting application using Flask. Users will be able to vote for their favorite programming language. Results will appear in an admin dashboard and be displayed on a live graph.
Follow tutorial
Build a live interactive graph using Ember.js and Node.js. Users will be able to view the graph, watch it update in realtime as new data comes in, and interact with it to obtain additional information about the data.
Follow tutorial
Build a simple interface featuring a live graph, supported by a Go backend. The application simulates a web traffic monitoring dashboard using Chart.js and some dummy data.
Follow tutorial
Build a live voting app using Ionic, with a Node backend. The app replicates the behaviour of a Twitter poll: users can vote for who they expect to win the World Cup.
Follow tutorial
In this short tutorial, create a simple live graph using D3.js. A basic Node backend sends data to a D3 bar graph, which updates live as new data is received.
Follow tutorial
This brief tutorial will guide you through creating a simple one-page dashboard. The app is built with Vue, and uses mock data to generate a chart with Chart.js.
Follow tutorial
Build a Go application with a simple web frontend, displaying a live graph comparing the popularity of three Twitter topics. You will create a Twitter developer account, code the app, and be able to customize the displayed topics.
Follow tutorial