Observable — Gallery / Showcase

Data · Gallery / Showcase

Observable is for data visualization and notebook publishing—discover and fork community notebooks to explore data visualization techniques, connect with other data enthusiasts, and get started quickly. The page uses a card-based grid layout showcasing featured public notebooks with thumbnail previews, titles, creators, and avatar attributions; a centered headline and paragraph text drives visitors toward browsing trending and recent examples.

Open in Mozaika →

This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/observable-join-the-community-notebook-card-gallery.

Measured spec

Palette

Fonts

Page types

UX patterns

UI elements

Context

• Parent page: Landing page - Notebooks and data visualization
• All of Observable

Other sections on this page

• Hero — Black hero with serif headline over notebook + code screenshots
• Feature — 'Shortest path' three-column feature row
• Logo Wall — Customer logo strip
• Feature — Blue 'Collaborate and share' multiplayer block with chart + code
• Feature — Blue 'Batteries included' import block
• Feature — Blue 'Ready for production' embedding block
• Bento Grid — Eight-tile blue features grid
• Testimonial / Social Proof — Mint-green testimonial quote with portrait
• CTA / Sign-up — 'Get started today' serif CTA
• Footer — Dark multi-column footer