SCALE — Build Lab
UI部品 · REACT COMPONENT

サンキーダイアグラム

CATEGORYUI部品 TYPEReact Component EFFORT240〜480分 DIFFICULTY
前提条件
Tailwind CSS v4TypeScript 5
USE CASES
  • LP → 登録 → 課金 のファネル
  • ユーザー離脱経路

サンキーダイアグラム

:LiTarget: 用途

フロー量を表現する図。ファネル分析・離脱パス可視化。

:LiSparkle: 特徴

  • フロー量を帯で表現
  • ノード間の遷移可視化
  • インタラクティブ

:LiHandPointer: 使い方

対象プロジェクトに該当ファイルをコピーして、props を流し込むだけ。

:LiAlertCircle: 注意事項

  • 依存パッケージを忘れず追加