Product
Dashboard & Cost Report Builder
A cloud cost dashboard and report-building workflow for Octo, built around configurable widgets, charts, filters, currency support, and editable report states.
Summary
- BuiltBuilt drag-and-drop dashboard layouts with GridStack.
- ProblemCloud cost users needed clearer ways to inspect spend, build reusable reports, and export views without asking engineering or operations teams for manual data pulls.
- ImpactLet cloud cost teams build and export their own reports without needing engineering support.
Problem
Cloud cost users needed clearer ways to inspect spend, build reusable reports, and export views without asking engineering or operations teams for manual data pulls.
Cloud cost users needed clearer ways to inspect spend, build reusable reports, and export views without asking engineering or operations teams for manual data pulls.
What I Built
3 key contributions that defined the build
- Built drag-and-drop dashboard layouts with GridStack.
- Implemented ECharts-powered widgets for cost visibility.
- Developed report creation, filtering, currency conversion, export, edit, duplicate, and delete flows.
Key Decisions
Tradeoffs and approaches that shaped the final outcome
Challenge
Keeping dense cost data understandable across dashboard, report, and export contexts.
Approach
Created reusable UI patterns for chart widgets, report filters, and editable report states.
Challenge
Handling user fiscal settings and multiple reporting states without fragmenting the UI.
Approach
Aligned report views with user fiscal settings and cost formatting rules.
Impact
Let cloud cost teams build and export their own reports without needing engineering support.
- Let cloud cost teams build and export their own reports without needing engineering support.
- Reduced friction around cost report creation and dashboard customization.