Dynamic Dashboard
Customizable Dashboards with Linked Widgets & Filtering
About the Project
Advanced dashboard builder for the natural energy sector, covering the entire United States. Users compose custom dashboards from modular tiles — data tables (Angular Material), charts (Highcharts), and geospatial maps (MapLibre GL + Deck.gl) — with full drag-and-drop layout via Gridster. The key innovation is linked filtering: clicking a point on a map instantly updates connected tables and charts, and vice versa. The map layer supports over 50 data layers covering natural gas wells, meter points, pipelines, rigs, lots, and other critical infrastructure, with custom backgrounds, feature styling, drawing tools, screen-based zoom filtering, and geographic area selection. Users can save dashboard presets with filter configurations for quick recall, and share dashboards with team members. Built entirely with Angular Signals for highly reactive cross-tile synchronization.
Key Highlights
Modular dashboard builder with drag-and-drop tile layout via Gridster Linked filtering: clicking a map point updates connected tables and charts instantly MapLibre GL + Deck.gl maps with 50+ layers for US energy infrastructure Drawing tools, screen zoom filtering, and geographic area selection on maps Highcharts integration for dynamic, data-driven chart visualizations Dashboard presets: save and quickly reapply filter configurations Dashboard sharing between team members Built on Angular Signals for reactive cross-tile synchronization
Tech Stack
Angular Angular Signals 
NestJS 
PostgreSQL 
MongoDB 
Redis MapLibre GL Deck.gl Highcharts Angular Material Gridster 
Tailwind CSS 
Docker