Helios — Dashboard phân tích

Helios là giao diện phân tích sản phẩm được xây cho khối lượng dữ liệu thật. Các biểu đồ dùng chung một hệ màu, bảng phân trang trên server, và mọi widget đều có tooltip dùng được bằng bàn phím kèm bảng dữ liệu thay thế cho trình đọc màn hình.

Điểm khác biệt

• Biểu đồ dữ liệu dễ tiếp cận — Bảng màu an toàn cho người mù màu, tooltip điều hướng được bằng bàn phím và bảng dữ liệu thay thế cho mọi biểu đồ.
• Bảng dữ liệu xử lý phía server — Sắp xếp, lọc, phân trang và xuất CSV được xử lý trên server, nhờ đó hàng trăm nghìn dòng vẫn hiển thị tức thì.
• Component dễ tiếp cận — Điều hướng bằng bàn phím, viền focus, nhãn ARIA và độ tương phản WCAG AA được kiểm tra trên mọi thành phần tương tác.
• Theme dựa trên token — Mọi màu sắc, độ bo góc và bóng đổ đều là biến CSS. Đổi toàn bộ thương hiệu chỉ bằng cách sửa một tệp.
• Server component làm mặc định — Việc lấy dữ liệu diễn ra trên server, nhờ đó trang gần như không gửi JavaScript và vẫn nhanh trên điện thoại tầm trung.
• Thiết kế cho mọi breakpoint — Không chỉ co giãn tự động — mobile, tablet và desktop đều có bố cục được thiết kế riêng có chủ đích.

Phù hợp với ai

Các đội ngũ xây sản phẩm phân tích, công cụ BI nội bộ, hoặc bất kỳ giao diện nào mà dữ liệu quan trọng hơn phần trang trí.

Công nghệ sử dụng

Next.js 16 · React 19 · TypeScript · Tailwind CSS v4 · Recharts · TanStack Table · Prisma

Trong tệp tải về

• Toàn bộ mã nguồn Next.js (TypeScript)
• Tệp thiết kế Figma
• Design token Tailwind CSS
• Tài liệu hướng dẫn dạng văn bản
• Cấu hình triển khai một cú nhấp

Cập nhật và hỗ trợ

Nâng cấp framework và sửa lỗi miễn phí chừng nào sản phẩm này còn tồn tại. Bản quyền Thường kèm 6 tháng hỗ trợ, bản Mở rộng kèm 12 tháng, và có thể gia hạn bất cứ lúc nào.