{"version":"1.0","type":"rich","title":"Gist e3069641ef7186c97e194ceae43bc40a","description":"This example shows a movie card component with a header, title, year, and details section, all styled using Angular Material’s `mat-card`, `mat-card-header`, and related layout classes. The card displays an image at full width and applies custom spacing to detail rows, with a red title color and 24px font size for the movie title, while the year uses a smaller 14px font. The code relies on Angular Material’s typography and theming via the `mat-card` and `mat-card-header` components, with plain CSS for overrides. The data source is a static markup structure, not fetched dynamically.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-e3069641ef7186c97e194ceae43bc40a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}