{"version":"1.0","type":"rich","title":"Gist 7657226","description":"Cranium demonstrates a minimalist MVC implementation, showing how a model, view, and controller interact to update the DOM. The example uses Underscore.js for templating and utility functions, plus Cranium's own `Events`, `Model`, `View`, and `Controller` APIs. A counter model increments on button clicks, triggering the view to re-render its `<h1>` with the new value via `template` and `innerHTML`. A separate todo model demonstrates `set` and `get` with a checkbox, where a click event toggles completion and re-renders the view.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-7657226?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}