Journal

Tag

#charts

WHOOP strain gauge chart in React Native with Skia: the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 10 min read

WHOOP strain gauge chart in React Native with Skia

Build a WHOOP-style strain gauge in React Native with react-native-skia: a gradient arc, rounded caps, a glow, and a sweep animated to the value with Reanimated.

Lawrence Arya · June 10, 2026
Build a High-Performance Candlestick Chart in React Native: a reflective 3D App Store icon on a blue and purple gradient
Guides 8 min read

Build a High-Performance Candlestick Chart in React Native

A candlestick chart with thousands of candles and smooth pan-zoom needs Skia, not SVG. Here is how to build a high-performance candlestick chart in React Native.

Lawrence Arya · June 8, 2026
Build a Custom Screen Time Chart UI in React Native: a glass app tile showing the VP0 logo on a pink and blue gradient
Guides 6 min read

Build a Custom Screen Time Chart UI in React Native

A custom screen time chart has two parts: the usage data and the chart. Here is how to build the screen time chart UI in React Native, data limits and all.

Lawrence Arya · June 8, 2026
CGM Glucose Chart UI in SwiftUI: Companion-App Rules: a reflective 3D App Store icon on a blue and purple gradient
Guides 4 min read

CGM Glucose Chart UI in SwiftUI: Companion-App Rules

Build a CGM glucose chart in SwiftUI: target-range bands, time-in-range as the headline, honest sensor lag, tiered alerts, and the medical-device line.

Lawrence Arya · June 5, 2026
Mobile CRM Dashboard UI Kit in SwiftUI: A Field Guide: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 5 min read

Mobile CRM Dashboard UI Kit in SwiftUI: A Field Guide

How to build a mobile CRM dashboard in SwiftUI: pipeline cards, Swift Charts metrics, iPad split view, offline-first SwiftData, and what a kit can't do.

Lawrence Arya · June 5, 2026
Crypto Portfolio Profit/Loss Chart in SwiftUI: Best Way: a reflective 3D App Store icon on a blue and purple gradient
Guides 5 min read

Crypto Portfolio Profit/Loss Chart in SwiftUI: Best Way

How to build a crypto portfolio profit and loss chart in SwiftUI: cost basis math, price feeds, Swift Charts baselines, and the honesty rules that keep trust.

Lawrence Arya · June 4, 2026
Smart Meter Real-Time Energy Chart in SwiftUI: Best Setup: a glass app tile showing the VP0 logo on a pink and blue gradient
Guides 5 min read

Smart Meter Real-Time Energy Chart in SwiftUI: Best Setup

How to build a real-time smart meter energy chart in SwiftUI: where the data really comes from (P1, utility API, HomeKit), Swift Charts windowing, live UX.

Lawrence Arya · June 4, 2026
Recharts 3 Templates for React and Tailwind: the App Store logo as a frosted glass icon on a pink and blue gradient with bubbles
Guides 6 min read

Recharts 3 Templates for React and Tailwind

Build charts fast with Recharts 3, React and Tailwind: start from a free VP0 dashboard design, generate KPI cards and charts in Cursor, keep them accessible.

Lawrence Arya · June 3, 2026
Recharts 3 Shadcn Dashboard Templates: Build Guide: a vivid neon 3D App Store icon on an orange, pink and blue gradient
Guides 6 min read

Recharts 3 Shadcn Dashboard Templates: Build Guide

Building a dashboard with Recharts 3 and shadcn chart blocks? Here is the fastest path, theming and accessibility tips, plus the free VP0 design to copy.

Lawrence Arya · June 2, 2026
B 端 ERP 统计图表 SwiftUI Charts 做法: a vivid neon 3D App Store icon on an orange, pink and blue gradient
Guides 4 min read

B 端 ERP 统计图表 SwiftUI Charts 做法

用 SwiftUI 的 Swift Charts 做 B 端 ERP 监控图表,折线柱状饼图几行就出,配 Grid 做指标卡。VP0 免费起步。

Lawrence Arya · May 30, 2026
SaaS Mobile App Dashboard UI (Free, Focused): a glass iPhone app-grid icon on a mint and teal gradient
Guides 4 min read

SaaS Mobile App Dashboard UI (Free, Focused)

A mobile SaaS dashboard is a focused summary, not a shrunk desktop page. Build one from a free VP0 design: 2-3 headline KPIs, one chart, and drill-down detail.

Lawrence Arya · May 30, 2026