Nico Abramowski
Technical Portfolio
interactive technical demo live demo + code

Browser SQL Reporting Demo

Run real SQL in the browser against a small sample dataset inspired by staff mobility reporting.

Open demo GitHub repo
Astrosql.jsSQLiteJavaScriptHTMLCSS
What it demonstrates
  • Turning relational data into a small, understandable interactive tool instead of a static mockup.
  • Working with schema design, SQL queries, aggregates, joins, and practical result presentation.
  • Shipping a browser-safe technical demo that is self-contained, fast, and honest about its scope.
  • Using the portfolio itself as a place to demonstrate implementation, not only describe it.
What to try
  • Use a preset to inspect the sample mobility data.
  • Edit the SQL and rerun it to compare filters, joins, and aggregates.
  • Use the schema panel to see which tables and columns are available.
  • Try an invalid query to see how errors are handled without breaking the page.
Interactive demo Loading local SQLite engine...

This demo uses a small sample dataset inspired by staff mobility reporting. It is a technical demo only, not a production reporting system, and it resets whenever the page reloads.

Query results No query run yet
Run a preset query or edit the SQL to inspect the sample data.