Compare Versions
Drag the slider to compare two design versions side by side.
Before:
After:
%22%2F%3E%0A%3Ccircle%20cx%3D%22400%22%20cy%3D%22340%22%20r%3D%2280%22%20fill%3D%22none%22%20stroke%3D%22%2306b6d4%22%20stroke-width%3D%2224%22%20stroke-dasharray%3D%22120%20503%22%20stroke-dashoffset%3D%22-180%22%20transform%3D%22rotate(-90%20400%20340)%22%2F%3E%0A%3Ccircle%20cx%3D%22400%22%20cy%3D%22340%22%20r%3D%2280%22%20fill%3D%22none%22%20stroke%3D%22%23f59e0b%22%20stroke-width%3D%2224%22%20stroke-dasharray%3D%2280%20503%22%20stroke-dashoffset%3D%22-300%22%20transform%3D%22rotate(-90%20400%20340)%22%2F%3E%0A%3Ccircle%20cx%3D%22400%22%20cy%3D%22340%22%20r%3D%2280%22%20fill%3D%22none%22%20stroke%3D%22%23ec4899%22%20stroke-width%3D%2224%22%20stroke-dasharray%3D%2260%20503%22%20stroke-dashoffset%3D%22-380%22%20transform%3D%22rotate(-90%20400%20340)%22%2F%3E%0A%3Ctext%20x%3D%22400%22%20y%3D%22335%22%20fill%3D%22%23111%22%20font-family%3D%22sans-serif%22%20font-size%3D%2220%22%20font-weight%3D%22700%22%20text-anchor%3D%22middle%22%3E%C2%A32%2C841%3C%2Ftext%3E%3Ctext%20x%3D%22400%22%20y%3D%22355%22%20fill%3D%22%236b7280%22%20font-family%3D%22sans-serif%22%20font-size%3D%2210%22%20text-anchor%3D%22middle%22%3ETotal%20spent%3C%2Ftext%3E%0A%3Ccircle%20cx%3D%22540%22%20cy%3D%22257%22%20r%3D%226%22%20fill%3D%22%23059669%22%2F%3E%3Ctext%20x%3D%22554%22%20y%3D%22260%22%20fill%3D%22%23111%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%20font-weight%3D%22500%22%3EHousing%3C%2Ftext%3E%3Ctext%20x%3D%22660%22%20y%3D%22260%22%20fill%3D%22%236b7280%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E%C2%A31%2C020%3C%2Ftext%3E%3Ctext%20x%3D%22680%22%20y%3D%22260%22%20fill%3D%22%23059669%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%20font-weight%3D%22600%22%3E36%25%3C%2Ftext%3E%3Ccircle%20cx%3D%22540%22%20cy%3D%22301%22%20r%3D%226%22%20fill%3D%22%2306b6d4%22%2F%3E%3Ctext%20x%3D%22554%22%20y%3D%22304%22%20fill%3D%22%23111%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%20font-weight%3D%22500%22%3EFood%3C%2Ftext%3E%3Ctext%20x%3D%22660%22%20y%3D%22304%22%20fill%3D%22%236b7280%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E%C2%A3682%3C%2Ftext%3E%3Ctext%20x%3D%22680%22%20y%3D%22304%22%20fill%3D%22%2306b6d4%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%20font-weight%3D%22600%22%3E24%25%3C%2Ftext%3E%3Ccircle%20cx%3D%22540%22%20cy%3D%22345%22%20r%3D%226%22%20fill%3D%22%23f59e0b%22%2F%3E%3Ctext%20x%3D%22554%22%20y%3D%22348%22%20fill%3D%22%23111%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%20font-weight%3D%22500%22%3ETransport%3C%2Ftext%3E%3Ctext%20x%3D%22660%22%20y%3D%22348%22%20fill%3D%22%236b7280%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E%C2%A3454%3C%2Ftext%3E%3Ctext%20x%3D%22680%22%20y%3D%22348%22%20fill%3D%22%23f59e0b%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%20font-weight%3D%22600%22%3E16%25%3C%2Ftext%3E%3Ccircle%20cx%3D%22540%22%20cy%3D%22389%22%20r%3D%226%22%20fill%3D%22%23ec4899%22%2F%3E%3Ctext%20x%3D%22554%22%20y%3D%22392%22%20fill%3D%22%23111%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%20font-weight%3D%22500%22%3EOther%3C%2Ftext%3E%3Ctext%20x%3D%22660%22%20y%3D%22392%22%20fill%3D%22%236b7280%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E%C2%A3341%3C%2Ftext%3E%3Ctext%20x%3D%22680%22%20y%3D%22392%22%20fill%3D%22%23ec4899%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%20font-weight%3D%22600%22%3E12%25%3C%2Ftext%3E%0A%3Crect%20x%3D%22710%22%20y%3D%22200%22%20width%3D%22450%22%20height%3D%22280%22%20fill%3D%22%23fff%22%20stroke%3D%22%23dcfce7%22%20rx%3D%2212%22%2F%3E%0A%3Ctext%20x%3D%22730%22%20y%3D%22230%22%20fill%3D%22%23111%22%20font-family%3D%22sans-serif%22%20font-size%3D%2214%22%20font-weight%3D%22600%22%3EMonthly%20Spending%20Trend%3C%2Ftext%3E%0A%3Ctext%20x%3D%22730%22%20y%3D%22248%22%20fill%3D%22%236b7280%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%3ELast%206%20months%3C%2Ftext%3E%0A%3Crect%20x%3D%22740%22%20y%3D%22320%22%20width%3D%2250%22%20height%3D%22120%22%20fill%3D%22%23dcfce7%22%20rx%3D%226%22%2F%3E%3Ctext%20x%3D%22765%22%20y%3D%22458%22%20fill%3D%22%236b7280%22%20font-family%3D%22sans-serif%22%20font-size%3D%2210%22%20text-anchor%3D%22middle%22%3EApr%3C%2Ftext%3E%3Ctext%20x%3D%22765%22%20y%3D%22310%22%20fill%3D%22%2394a3b8%22%20font-family%3D%22sans-serif%22%20font-size%3D%229%22%20font-weight%3D%22600%22%20text-anchor%3D%22middle%22%3E%C2%A32.8K%3C%2Ftext%3E%3Crect%20x%3D%22810%22%20y%3D%22345%22%20width%3D%2250%22%20height%3D%2295%22%20fill%3D%22%23dcfce7%22%20rx%3D%226%22%2F%3E%3Ctext%20x%3D%22835%22%20y%3D%22458%22%20fill%3D%22%236b7280%22%20font-family%3D%22sans-serif%22%20font-size%3D%2210%22%20text-anchor%3D%22middle%22%3EMay%3C%2Ftext%3E%3Ctext%20x%3D%22835%22%20y%3D%22335%22%20fill%3D%22%2394a3b8%22%20font-family%3D%22sans-serif%22%20font-size%3D%229%22%20font-weight%3D%22600%22%20text-anchor%3D%22middle%22%3E%C2%A32.2K%3C%2Ftext%3E%3Crect%20x%3D%22880%22%20y%3D%22300%22%20width%3D%2250%22%20height%3D%22140%22%20fill%3D%22%23dcfce7%22%20rx%3D%226%22%2F%3E%3Ctext%20x%3D%22905%22%20y%3D%22458%22%20fill%3D%22%236b7280%22%20font-family%3D%22sans-serif%22%20font-size%3D%2210%22%20text-anchor%3D%22middle%22%3EJun%3C%2Ftext%3E%3Ctext%20x%3D%22905%22%20y%3D%22290%22%20fill%3D%22%2394a3b8%22%20font-family%3D%22sans-serif%22%20font-size%3D%229%22%20font-weight%3D%22600%22%20text-anchor%3D%22middle%22%3E%C2%A33.4K%3C%2Ftext%3E%3Crect%20x%3D%22950%22%20y%3D%22330%22%20width%3D%2250%22%20height%3D%22110%22%20fill%3D%22%23dcfce7%22%20rx%3D%226%22%2F%3E%3Ctext%20x%3D%22975%22%20y%3D%22458%22%20fill%3D%22%236b7280%22%20font-family%3D%22sans-serif%22%20font-size%3D%2210%22%20text-anchor%3D%22middle%22%3EJul%3C%2Ftext%3E%3Ctext%20x%3D%22975%22%20y%3D%22320%22%20fill%3D%22%2394a3b8%22%20font-family%3D%22sans-serif%22%20font-size%3D%229%22%20font-weight%3D%22600%22%20text-anchor%3D%22middle%22%3E%C2%A32.6K%3C%2Ftext%3E%3Crect%20x%3D%221020%22%20y%3D%22355%22%20width%3D%2250%22%20height%3D%2285%22%20fill%3D%22%23dcfce7%22%20rx%3D%226%22%2F%3E%3Ctext%20x%3D%221045%22%20y%3D%22458%22%20fill%3D%22%236b7280%22%20font-family%3D%22sans-serif%22%20font-size%3D%2210%22%20text-anchor%3D%22middle%22%3EAug%3C%2Ftext%3E%3Ctext%20x%3D%221045%22%20y%3D%22345%22%20fill%3D%22%2394a3b8%22%20font-family%3D%22sans-serif%22%20font-size%3D%229%22%20font-weight%3D%22600%22%20text-anchor%3D%22middle%22%3E%C2%A32K%3C%2Ftext%3E%3Crect%20x%3D%221090%22%20y%3D%22340%22%20width%3D%2250%22%20height%3D%22100%22%20fill%3D%22%23059669%22%20rx%3D%226%22%2F%3E%3Ctext%20x%3D%221115%22%20y%3D%22458%22%20fill%3D%22%236b7280%22%20font-family%3D%22sans-serif%22%20font-size%3D%2210%22%20text-anchor%3D%22middle%22%3ESep%3C%2Ftext%3E%3Ctext%20x%3D%221115%22%20y%3D%22330%22%20fill%3D%22%23059669%22%20font-family%3D%22sans-serif%22%20font-size%3D%229%22%20font-weight%3D%22600%22%20text-anchor%3D%22middle%22%3E%C2%A32.8K%3C%2Ftext%3E%0A%3Crect%20x%3D%22250%22%20y%3D%22500%22%20width%3D%22910%22%20height%3D%22260%22%20fill%3D%22%23fff%22%20stroke%3D%22%23dcfce7%22%20rx%3D%2212%22%2F%3E%0A%3Ctext%20x%3D%22270%22%20y%3D%22530%22%20fill%3D%22%23111%22%20font-family%3D%22sans-serif%22%20font-size%3D%2214%22%20font-weight%3D%22600%22%3EBudget%20Tracker%3C%2Ftext%3E%0A%3Ctext%20x%3D%221160%22%20y%3D%22530%22%20fill%3D%22%23059669%22%20font-family%3D%22sans-serif%22%20font-size%3D%2212%22%20text-anchor%3D%22end%22%3EEdit%20Budget%20%E2%86%92%3C%2Ftext%3E%0A%3Ctext%20x%3D%22270%22%20y%3D%22558%22%20fill%3D%22%236b7280%22%20font-family%3D%22sans-serif%22%20font-size%3D%2210%22%20font-weight%3D%22600%22%3ECategory%3C%2Ftext%3E%3Ctext%20x%3D%22452%22%20y%3D%22558%22%20fill%3D%22%236b7280%22%20font-family%3D%22sans-serif%22%20font-size%3D%2210%22%20font-weight%3D%22600%22%3EBudget%3C%2Ftext%3E%3Ctext%20x%3D%22634%22%20y%3D%22558%22%20fill%3D%22%236b7280%22%20font-family%3D%22sans-serif%22%20font-size%3D%2210%22%20font-weight%3D%22600%22%3ESpent%3C%2Ftext%3E%3Ctext%20x%3D%22816%22%20y%3D%22558%22%20fill%3D%22%236b7280%22%20font-family%3D%22sans-serif%22%20font-size%3D%2210%22%20font-weight%3D%22600%22%3ERemaining%3C%2Ftext%3E%3Ctext%20x%3D%22998%22%20y%3D%22558%22%20fill%3D%22%236b7280%22%20font-family%3D%22sans-serif%22%20font-size%3D%2210%22%20font-weight%3D%22600%22%3EProgress%3C%2Ftext%3E%0A%3Crect%20x%3D%22270%22%20y%3D%22575%22%20width%3D%22880%22%20height%3D%2226%22%20fill%3D%22%23fff%22%20rx%3D%224%22%2F%3E%3Ctext%20x%3D%22280%22%20y%3D%22593%22%20fill%3D%22%23111%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%20font-weight%3D%22500%22%3EHousing%3C%2Ftext%3E%3Ctext%20x%3D%22462%22%20y%3D%22593%22%20fill%3D%22%236b7280%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%3E%C2%A31%2C200%3C%2Ftext%3E%3Ctext%20x%3D%22644%22%20y%3D%22593%22%20fill%3D%22%23111%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%20font-weight%3D%22600%22%3E%C2%A31%2C020%3C%2Ftext%3E%3Ctext%20x%3D%22826%22%20y%3D%22593%22%20fill%3D%22%23f59e0b%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%3E%C2%A3180%3C%2Ftext%3E%3Crect%20x%3D%221008%22%20y%3D%22583%22%20width%3D%22120%22%20height%3D%228%22%20fill%3D%22%23f0fdf4%22%20rx%3D%224%22%2F%3E%3Crect%20x%3D%221008%22%20y%3D%22583%22%20width%3D%22102%22%20height%3D%228%22%20fill%3D%22%23f59e0b%22%20rx%3D%224%22%2F%3E%3Ctext%20x%3D%221140%22%20y%3D%22593%22%20fill%3D%22%23f59e0b%22%20font-family%3D%22sans-serif%22%20font-size%3D%2210%22%20font-weight%3D%22600%22%20text-anchor%3D%22end%22%3E85%25%3C%2Ftext%3E%3Crect%20x%3D%22270%22%20y%3D%22605%22%20width%3D%22880%22%20height%3D%2226%22%20fill%3D%22%23f0fdf4%22%20rx%3D%224%22%2F%3E%3Ctext%20x%3D%22280%22%20y%3D%22623%22%20fill%3D%22%23111%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%20font-weight%3D%22500%22%3EFood%20%26%20Dining%3C%2Ftext%3E%3Ctext%20x%3D%22462%22%20y%3D%22623%22%20fill%3D%22%236b7280%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%3E%C2%A3800%3C%2Ftext%3E%3Ctext%20x%3D%22644%22%20y%3D%22623%22%20fill%3D%22%23111%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%20font-weight%3D%22600%22%3E%C2%A3682%3C%2Ftext%3E%3Ctext%20x%3D%22826%22%20y%3D%22623%22%20fill%3D%22%23f59e0b%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%3E%C2%A3118%3C%2Ftext%3E%3Crect%20x%3D%221008%22%20y%3D%22613%22%20width%3D%22120%22%20height%3D%228%22%20fill%3D%22%23f0fdf4%22%20rx%3D%224%22%2F%3E%3Crect%20x%3D%221008%22%20y%3D%22613%22%20width%3D%22102%22%20height%3D%228%22%20fill%3D%22%23f59e0b%22%20rx%3D%224%22%2F%3E%3Ctext%20x%3D%221140%22%20y%3D%22623%22%20fill%3D%22%23f59e0b%22%20font-family%3D%22sans-serif%22%20font-size%3D%2210%22%20font-weight%3D%22600%22%20text-anchor%3D%22end%22%3E85%25%3C%2Ftext%3E%3Crect%20x%3D%22270%22%20y%3D%22635%22%20width%3D%22880%22%20height%3D%2226%22%20fill%3D%22%23fff%22%20rx%3D%224%22%2F%3E%3Ctext%20x%3D%22280%22%20y%3D%22653%22%20fill%3D%22%23111%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%20font-weight%3D%22500%22%3ETransport%3C%2Ftext%3E%3Ctext%20x%3D%22462%22%20y%3D%22653%22%20fill%3D%22%236b7280%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%3E%C2%A3500%3C%2Ftext%3E%3Ctext%20x%3D%22644%22%20y%3D%22653%22%20fill%3D%22%23111%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%20font-weight%3D%22600%22%3E%C2%A3454%3C%2Ftext%3E%3Ctext%20x%3D%22826%22%20y%3D%22653%22%20fill%3D%22%23f59e0b%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%3E%C2%A346%3C%2Ftext%3E%3Crect%20x%3D%221008%22%20y%3D%22643%22%20width%3D%22120%22%20height%3D%228%22%20fill%3D%22%23f0fdf4%22%20rx%3D%224%22%2F%3E%3Crect%20x%3D%221008%22%20y%3D%22643%22%20width%3D%22109.2%22%20height%3D%228%22%20fill%3D%22%23f59e0b%22%20rx%3D%224%22%2F%3E%3Ctext%20x%3D%221140%22%20y%3D%22653%22%20fill%3D%22%23f59e0b%22%20font-family%3D%22sans-serif%22%20font-size%3D%2210%22%20font-weight%3D%22600%22%20text-anchor%3D%22end%22%3E91%25%3C%2Ftext%3E%3Crect%20x%3D%22270%22%20y%3D%22665%22%20width%3D%22880%22%20height%3D%2226%22%20fill%3D%22%23f0fdf4%22%20rx%3D%224%22%2F%3E%3Ctext%20x%3D%22280%22%20y%3D%22683%22%20fill%3D%22%23111%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%20font-weight%3D%22500%22%3EEntertainment%3C%2Ftext%3E%3Ctext%20x%3D%22462%22%20y%3D%22683%22%20fill%3D%22%236b7280%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%3E%C2%A3300%3C%2Ftext%3E%3Ctext%20x%3D%22644%22%20y%3D%22683%22%20fill%3D%22%23111%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%20font-weight%3D%22600%22%3E%C2%A3210%3C%2Ftext%3E%3Ctext%20x%3D%22826%22%20y%3D%22683%22%20fill%3D%22%23059669%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%3E%C2%A390%3C%2Ftext%3E%3Crect%20x%3D%221008%22%20y%3D%22673%22%20width%3D%22120%22%20height%3D%228%22%20fill%3D%22%23f0fdf4%22%20rx%3D%224%22%2F%3E%3Crect%20x%3D%221008%22%20y%3D%22673%22%20width%3D%2284%22%20height%3D%228%22%20fill%3D%22%23059669%22%20rx%3D%224%22%2F%3E%3Ctext%20x%3D%221140%22%20y%3D%22683%22%20fill%3D%22%23059669%22%20font-family%3D%22sans-serif%22%20font-size%3D%2210%22%20font-weight%3D%22600%22%20text-anchor%3D%22end%22%3E70%25%3C%2Ftext%3E%3Crect%20x%3D%22270%22%20y%3D%22695%22%20width%3D%22880%22%20height%3D%2226%22%20fill%3D%22%23fff%22%20rx%3D%224%22%2F%3E%3Ctext%20x%3D%22280%22%20y%3D%22713%22%20fill%3D%22%23111%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%20font-weight%3D%22500%22%3EHealthcare%3C%2Ftext%3E%3Ctext%20x%3D%22462%22%20y%3D%22713%22%20fill%3D%22%236b7280%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%3E%C2%A3200%3C%2Ftext%3E%3Ctext%20x%3D%22644%22%20y%3D%22713%22%20fill%3D%22%23111%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%20font-weight%3D%22600%22%3E%C2%A3180%3C%2Ftext%3E%3Ctext%20x%3D%22826%22%20y%3D%22713%22%20fill%3D%22%23f59e0b%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%3E%C2%A320%3C%2Ftext%3E%3Crect%20x%3D%221008%22%20y%3D%22703%22%20width%3D%22120%22%20height%3D%228%22%20fill%3D%22%23f0fdf4%22%20rx%3D%224%22%2F%3E%3Crect%20x%3D%221008%22%20y%3D%22703%22%20width%3D%22108%22%20height%3D%228%22%20fill%3D%22%23f59e0b%22%20rx%3D%224%22%2F%3E%3Ctext%20x%3D%221140%22%20y%3D%22713%22%20fill%3D%22%23f59e0b%22%20font-family%3D%22sans-serif%22%20font-size%3D%2210%22%20font-weight%3D%22600%22%20text-anchor%3D%22end%22%3E90%25%3C%2Ftext%3E%3Crect%20x%3D%22270%22%20y%3D%22725%22%20width%3D%22880%22%20height%3D%2226%22%20fill%3D%22%23f0fdf4%22%20rx%3D%224%22%2F%3E%3Ctext%20x%3D%22280%22%20y%3D%22743%22%20fill%3D%22%23111%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%20font-weight%3D%22500%22%3EShopping%3C%2Ftext%3E%3Ctext%20x%3D%22462%22%20y%3D%22743%22%20fill%3D%22%236b7280%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%3E%C2%A3400%3C%2Ftext%3E%3Ctext%20x%3D%22644%22%20y%3D%22743%22%20fill%3D%22%23111%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%20font-weight%3D%22600%22%3E%C2%A3295%3C%2Ftext%3E%3Ctext%20x%3D%22826%22%20y%3D%22743%22%20fill%3D%22%23059669%22%20font-family%3D%22sans-serif%22%20font-size%3D%2211%22%3E%C2%A3105%3C%2Ftext%3E%3Crect%20x%3D%221008%22%20y%3D%22733%22%20width%3D%22120%22%20height%3D%228%22%20fill%3D%22%23f0fdf4%22%20rx%3D%224%22%2F%3E%3Crect%20x%3D%221008%22%20y%3D%22733%22%20width%3D%2288.8%22%20height%3D%228%22%20fill%3D%22%23059669%22%20rx%3D%224%22%2F%3E%3Ctext%20x%3D%221140%22%20y%3D%22743%22%20fill%3D%22%23059669%22%20font-family%3D%22sans-serif%22%20font-size%3D%2210%22%20font-weight%3D%22600%22%20text-anchor%3D%22end%22%3E74%25%3C%2Ftext%3E%0A%3C%2Fsvg%3E)
BEFORE — V2
AFTER — V3
Before — V2
Health Score95
Feedback Items6
Uploaded1d ago
After — V3
Health Score95
Feedback Items6
Uploaded4h ago
Only on this device
