{"version":"1.0","type":"rich","title":"Gist 7f789f99d7069a4220ed","description":"This example demonstrates a minimalist MVC architecture built with Cranium, a custom library that uses Underscore.js for utility functions and jQuery-like DOM selection. It shows how a model, view, and controller interact: user clicks on increment or alert buttons trigger controller methods, which update the model, and the view re-renders an Underscore template displaying the counter value. A separate todo example illustrates model changes notifying the view to re-render its checkbox and title template. The code relies on Cranium’s Events system for model-view communication and DOM event binding.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-7f789f99d7069a4220ed?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}