Live Coding a KPI Dashboard With Apache Kafka®

on YouTube ↗31m

" summary

Live codes a real-time sales KPI dashboard from an empty directory in a 40‑minute demo, using ksqlDB to create a one‑row aggregate table called dashboard2 with EMIT CHANGES, a Python Confluent Kafka consumer (Avro + Schema Registry on http://localhost:8081) that reads updates and uses the websockets library to broadcast JSON payloads to all connected clients; a React app is scaffolded with yarn create react‑app but the live demo focuses on the backend stream which successfully broadcasts live totals to multiple clients.

AI-written summary · about

" chapters (7)

1. 0:00Start
2. 0:10Chris Jenkins
3. 10:45Set Up a Virtual Environment
4. 11:42Set Up a Basic Websocket Server
5. 12:31How Do You Build a Websocket Server in Python
6. 15:44Connecting a Client
7. 19:07Shutdown Flag

" related talks

• 42mBuild an interactive dashboard w/ React, AG Grid & AG ChartsJames S. Bland · Frontend Nation 2025
• 01h 02mGoing Real Time Using Azure CosmosDB and ReactOlena Borzenko · JetBrains .NET Days Online 2021
• 14mBuild an interactive dashboard w/ React, AG Grid & AG ChartsJames S. Bland · Frontend Nation 2025
• 44mGoing real time using Azure CosmosDB and ReactOlena Borzenko · NDC Oslo 2021
• 07mBuilding Real-Time App with React/Redux/Rails/RethinkDBSteven Yap · RedDotRubyConf 2016
• 14mLightning Talk: Visualizing Data Confidently. Integrating React and Tableau PublicRafał Bagrowski · FrontEnd Con 2018
• 01h 49mBuilding Web-based Analysis & Simulation PlatformsJames Powell · PyData London 2017
• 08mRealtime App Development by Integrating Web Frameworks (⚡️)Varsha Thirumakil · React Boston 2019