Screencast

Realtime Dashboard LiveView

12. Realtime Dashboard LiveView

chart javascript liveview pubsub realtime

In this tutorial, learn how to build a real-time dashboard in Phoenix LiveView using Apex Charts. We create three dynamic charts: sales over time, distribution by beer type, and top-selling cities. You'll see how to integrate Phoenix PubSub for real-time updates and handle chart interactions. This guide covers everything from setting up data queries to formatting data for visual representation in line, pie, and bar charts. Follow along and watch how to make your dashboard refresh instantly as data changes.