ciphera-net/pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

feat: replace vertical funnel with horizontal funnel chart

Browse Source 
Switched to horizontal orientation with grouped labels for better
readability across multi-step funnels.
This commit is contained in:
Usman Baig
2026-03-21 22:23:47 +01:00
parent 4ef92b9e3a
commit 6098b5e158
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/sites/[id]/funnels/[funnelId]/page.tsx
View File

@@ -216,16 +216,18 @@ export default function FunnelReportPage() {
</div>
{/* Chart */}
<div className="bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 rounded-2xl overflow-hidden shadow-sm p-6 mb-8">
<h3 className="text-lg font-semibold text-neutral-900 dark:text-white mb-6">
<div className="bg-neutral-900 border border-neutral-800 rounded-2xl overflow-hidden shadow-sm p-6 mb-8">
<h3 className="text-lg font-semibold text-white mb-6">
Funnel Visualization
</h3>
<FunnelChart
data={chartData}
orientation="vertical"
orientation="horizontal"
color="var(--chart-1)"
layers={3}
className="mx-auto max-w-md"
labelLayout="grouped"
labelAlign="center"
labelOrientation="vertical"
/>
</div>