Volorf/Sparkliner

📈 Sparkliner — Tạo biểu đồ sparkline trong Sketch chỉ bằng JSON

Một plugin Sketch nhỏ gọn, biến dữ liệu JSON thành biểu đồ sparkline nhanh chóng — không cần vẽ tay, không cần trục tọa độ.

Sparkliner là plugin dành cho Sketch, cho phép người dùng tạo biểu đồ sparkline — loại biểu đồ đường cực nhỏ thường dùng để thể hiện xu hướng biến động theo thời gian (nhiệt độ, giá cổ phiếu, v.v.) — chỉ từ một file JSON. Dự án do Oleg Frolov phát triển, tập trung vào sự đơn giản: tạo artboard, thêm rectangle khởi tạo, chạy lệnh, chọn file JSON, và nhận kết quả ngay.

✨ Điểm nổi bật

• Workflow 5 bước: Tạo artboard → tạo rectangle khởi tạo → kích hoạt plugin (Ctrl+Shift+G) → import JSON → nhận sparkline
• Cấu hình qua JSON: Toàn bộ thuộc tính biểu đồ được kiểm soát qua file JSON — dữ liệu, màu sắc, độ dày đường, điểm cuối
• Hỗ trợ điểm cuối: Tùy chọn hiển thị marker ở cuối đường cong với màu sắc và bán kính có thể tùy chỉnh
• Tự động xóa khung khởi tạo: Plugin mặc định loại bỏ rectangle kích thước ban đầu sau khi tạo đồ thị, giữ lại chỉ output sạch
• HEX color support: Chỉnh màu đường và điểm cuối bằng mã màu HEX
• Nhẹ và tập trung: Plugin chỉ làm một việc duy nhất — vẽ sparkline — và làm tốt nó

💡 Vì sao đáng chú ý

Sparkliner giải quyết đúng nhu cầu thực tế của designer và developer: muốn nhanh chóng trực quan hóa dữ liệu dạng số trong Sketch mà không cần dùng đến công cụ chart phức tạp. Thay vì mất thời gian vẽ thủ công từng điểm dữ liệu, người dùng chỉ cần chuẩn bị một file JSON đơn giản với mảng số và vài thuộc tính màu sắc, độ dày, rồi plugin tự tạo toàn bộ biểu đồ. Đặc biệt phù hợp khi cần nhúng các mini-graph vào thiết kế dashboard, báo cáo thống kê, hoặc prototype hiển thị xu hướng.

---

#Sketch #Sparkline #JavaScript #DataVisualization #TiniX