UI Improvement [DRAFT]

[vhawk19]

• The UI right now is functional however is not super polished
• We can use a style library to make it more uniform?
• We could also use more animations to make things snappier

Just creating something temp, @malavikasmenon please feel free to change it as required.

[malavikasmenon]

Yup this looks good, detailing out some points

1. Font changes (more funkier like we discussed)
2. any bug fixes (reverse arrow etc)
3. I don't like the white buttons/form input, feels out of the otherwise black and green color palette, change those
4. better header & maybe footer too
5. file drag and drop
6. add export as csv next to run query and clear query buttons, as its connected more to the query aspect than the visualisation aspect?
7. or as an extension to 6 maybe just have export to and let users choose from a list of available formats - csv/json/parquet etc
8. improve form input to visualisation, add labels like name, type, x-axis/y-axis etc
9. replace button labels with icons wherever possible (eg run = play icon, add=+ etc) so things look more compact

lemme know if the above makes sense. also dy have any style libraries in mind?

[malavikasmenon]

also I can take this up first? will assign it to myself. can change if required

[vhawk19]

Agreed on 1,2,3,4,6,7,9

8) I am of the opinion we should remove visualisation temporarily, until we figure out a good ui/ux and internal api for abstracting duckdb. Feels like solving too many problems at once. Keen to know your thoughts on this front.

I think we can go ahead with whatever works best for you in terms of style libraries. Even vanilla ones should do good, tailwind/shadcn idk what else is pop these days. We can take help of a designer here later, when we have something better to showcase.

[malavikasmenon]

interesting. yeah we can look at visualisations once we have the basics sorted then. okay i think will go with good old tailwind itself then. I think we already added it, but not using it effectively