Raio-X
Where the product sells and where it stalls, on one screen.
I rebuilt here five screens of a commercial dashboard I made at work. The structure is the real one: each screen answers a question. The product, the distributors, the numbers and the look are different.
This dashboard needs JavaScript to work.
A rebuild: fictional coffee, fictional distributors, made-up numbers. State outlines: IBGE.
How it was built
- One single file
- The whole dashboard lives in one HTML file. It opens on any computer, offline, with no server and no extra license.
- Read-only data
- Queries go to the company's official data model and only read. Nothing the dashboard does can change the source.
- One question per screen
- The original has 29 screens in 6 groups, and each one opens with the question it answers. Here are 5 of them.
- From country to store
- In the original, any chart opens the detail: state, city, customer and point of sale.
- Data outside the code
- The repository holds only code. The numbers and the customer names stay out of it.
- Tools
- Microsoft Fabric, DAX, React, ECharts, TypeScript