Custom web app · Live demo

Metrica Analytics

Dark e-commerce analytics dashboard with interactive charts, heatmap, live orders and goal tracking.

It's fully working — click, filter and book inside the preview.

metricaanalytics.demo
What's inside

Features built from scratch

No templates, no page builders — every interaction is custom code, written to load fast and work on any screen.

01

Interactive revenue chart

Smooth area chart with crosshair tooltip and period comparison.

02

Date ranges

7 days, 30 days, 90 days or 12 months in one click.

03

Traffic donut

Hover any channel to highlight it.

04

Orders heatmap

See the busiest days and hours at a glance.

05

Live orders feed

New orders slide in every few seconds.

06

Goal ring

Animated progress towards the monthly target.

About this demo

Built to show what custom code can do

Metrica Analytics is a demo project I designed and coded to show the kind of work I build for clients. The brand, people and figures are fictional — your version is planned around your business, your content and your goals.

Ideal for

  • E-commerce stores
  • SaaS products
  • Marketing teams

Built with

HTML5CSS3JavaScriptSVG charts
More custom-coded work

Other demos to try

Websites and web apps, each hand-coded and fully interactive.

See all projects