DashSchema is the “build once, render anywhere” toolkit for dashboards.

It gives you a practical three-part contract:

  • dashboard for structure and widget intent
  • data for source payloads and bindings
  • renderconfig for layout, theming, and behavior

The result: less renderer guesswork, fewer mystery bugs, and cleaner handoffs between teams.

Explore The Site

  • Dashboard Schema
    See the core dashboard model: ids, layout, widgets, interactions. Visit this when you want to define what the dashboard is.

  • Data Schema
    Learn how data sources are modeled and connected to widgets. Visit this when you want to define what powers each visual.

  • Render Configuration
    Tune spacing, typography, locale behavior, and chart defaults. Visit this when you want to define how it feels on screen.

  • Widgets
    Browse each widget type and its options. Visit this when you need the exact field-level contract for a specific component.

  • Renderer
    Understand the client-side renderer architecture and runtime behavior. Visit this when you’re implementing, debugging, or extending rendering.

  • Samples
    Open complete, opinionated dashboards with real payloads and themes. Visit this when you want inspiration, reference patterns, or fast copy-paste starts.

  • Playground
    Live-edit data, dashboard, and renderconfig together and see instant results. Visit this when you want to experiment, validate ideas, or break things safely.

DashSchema is still evolving and currently pre-stable, so expect fast iteration and occasional sharp edges.