{"version":"1.0","type":"rich","title":"Kaitai MQTT (in progress)","description":"This example visualizes the structure of MQTT protocol packets using a hex viewer paired with a hierarchical tree view. It shows how the raw binary data is parsed into protocol fields—such as packet type, QoS, topic, and header properties—through a Kaitai Struct format. The visualization highlights the relationship between individual bytes and their semantic meaning, with color-coded regions mapping directly to the parsed fields. The code uses Kaitai Struct’s compiled parser to decode the data and displays the resulting type hierarchy alongside the raw bytes.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-7dbaced3016015ca65c42522df021de2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}