Graphyne

BSc (Hons) Computer Science | Software Development Group Project

Jude Dineth Dilhara De Silva

Anudhi Thamalka Ukwatte Liyanage

Milsha Nikini Mihisarani Madugodage

Nishika Sharon Kalubowilage

Parami Athukorala

Graphyne is an integrated, HTML-based broadcast graphics creator and playout engine designed to democratize professional-quality video production for small to medium-sized studios and independent creators. It addresses a critical gap in the industry by bridging the divide between prohibitively expensive enterprise systems and overly complex or rigid low-cost alternatives. The platform operates through three core modules: – Graphics Editor: A WYSIWYG (What You See Is What You Get) canvas that allows users to design and animate 2D graphics using an intuitive drag-and-drop interface, eliminating the need for software development expertise. – Data Configuration: A module that enables operators to easily bind visual elements to live external data feeds, ensuring that graphics update dynamically in real-time during a broadcast. – Playout Engine: A low-latency control dashboard used to preview and manage live graphics, which outputs standard browser URLs that integrate seamlessly into broadcasting software like OBS and vMix. Built on an “”HTML-First”” philosophy, Graphyne generates standard, portable HTML5 files rather than proprietary binary blobs. It leverages a local-hosted hybrid architecture, combining a modern React frontend powered by Konva.js and GSAP with a Node.js backend. The entire ecosystem is packaged as a highly performant, standalone desktop application using the Tauri framework, prioritizing local-first accessibility and reliable live production.