diff --git a/README.md b/README.md
index 7747effc..e6dfa5c1 100644
--- a/README.md
+++ b/README.md
@@ -45,6 +45,24 @@ The views are simple Svelte3 components that live inside `src/views`
- Welcome to the Hello World demo page of our new frontend! The purpose of
- this page is to demonstate the use of our built-in design components,
- most of which are based on the Bulma CSS framework.
-
-
{__('team / invite / intro')}
-
- The magic number is {magicNumber}, and it keeps increasing
- because Svelte client-side hydration works!
-
+ {message}
+ {#if $user && $user.activeTeam}
+ Your active team is {$user.activeTeam.name}.
+ {:else}
+ You don't have an active team.
+ {/if}
+
+
+
+ Welcome to the Hello World demo page of our new frontend! The
+ purpose of this page is to demonstate the use of our built-in design
+ components, most of which are based on the Bulma CSS framework.
+
+
A translation test: {__('team / invite / intro')}
+
+ The magic number is {magicNumber}, and it keeps
+ increasing because Svelte client-side hydration works!
+
-
-
-
- Icons can be used inline in text,
- too! And they can spin!
-
-
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit
- amet fringilla. Nullam gravida purus diam, et dictum
- felis venenatis efficitur.
-
-
-
- Primary! Primar lorem ipsum dolor sit amet, consectetur
- adipiscing elit lorem ipsum dolor.
- Pellentesque risus mi, tempus quis placerat ut, porta nec
- nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus
- diam, et dictum
- felis venenatis efficitur.
-
-
-
- Info! Primar lorem ipsum dolor sit amet, consectetur
- adipiscing elit lorem ipsum dolor.
- Pellentesque risus mi, tempus quis placerat ut, porta nec
- nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus
- diam, et dictum
- felis venenatis efficitur.
-
-
-
- Success! Primar lorem ipsum dolor sit amet, consectetur
- adipiscing elit lorem ipsum dolor.
- Pellentesque risus mi, tempus quis placerat ut, porta nec
- nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus
- diam, et dictum
- felis venenatis efficitur.
-
-
-
- Warning! Primar lorem ipsum dolor sit amet, consectetur
- adipiscing elit lorem ipsum dolor.
- Pellentesque risus mi, tempus quis placerat ut, porta nec
- nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus
- diam, et dictum
- felis venenatis efficitur. Not deletable :)
-
-
-
- Danger! Primar lorem ipsum dolor sit amet, consectetur
- adipiscing elit lorem ipsum dolor.
- Pellentesque risus mi, tempus quis placerat ut, porta nec
- nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus
- diam, et dictum
- felis venenatis efficitur.
-
-
+
+
Notifications
+
+ Use wrapper component <Notification />
+
-
-
Progress bar
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum
+ dolor. Pellentesque risus mi, tempus quis placerat ut,
+ porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam
+ gravida purus diam, et dictum
+ felis venenatis efficitur.
+
+
+
+ Primary! Primar lorem ipsum dolor sit amet, consectetur
+ adipiscing elit lorem ipsum dolor.
+ Pellentesque risus mi, tempus quis placerat ut, porta
+ nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida
+ purus diam, et dictum
+ felis venenatis efficitur.
+
+
+
+ Info! Primar lorem ipsum dolor sit amet, consectetur
+ adipiscing elit lorem ipsum dolor.
+ Pellentesque risus mi, tempus quis placerat ut, porta
+ nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida
+ purus diam, et dictum
+ felis venenatis efficitur.
+
+
+
+ Success! Primar lorem ipsum dolor sit amet, consectetur
+ adipiscing elit lorem ipsum dolor.
+ Pellentesque risus mi, tempus quis placerat ut, porta
+ nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida
+ purus diam, et dictum
+ felis venenatis efficitur.
+
+
+
+ Warning! Primar lorem ipsum dolor sit amet, consectetur
+ adipiscing elit lorem ipsum dolor.
+ Pellentesque risus mi, tempus quis placerat ut, porta
+ nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida
+ purus diam, et dictum
+ felis venenatis efficitur. Not deletable :)
+
+
+
+ Danger! Primar lorem ipsum dolor sit amet, consectetur
+ adipiscing elit lorem ipsum dolor.
+ Pellentesque risus mi, tempus quis placerat ut, porta
+ nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida
+ purus diam, et dictum
+ felis venenatis efficitur.
+
+
-
-
-
-
-
-
-
+
+
Progress bar
-
-
Message
-
- Use wrapper component <Message />
-
-
-
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac
- ex sit amet fringilla. Nullam gravida purus diam, et dictum
- felis venenatis
- efficitur. Aenean ac eleifend lacus, in mollis lectus.
- Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor
- ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et
- sem eget, facilisis sodales sem.
-
-
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac
- ex sit amet fringilla. Nullam gravida purus diam, et dictum
- felis venenatis efficitur.
-
-
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac
- ex sit amet fringilla. Nullam gravida purus diam, et dictum
- felis venenatis efficitur.
-
+
+
+
+
+
+
+
+
+
+
Message
+
+ Use wrapper component <Message />
+
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus
+ ac ex sit amet fringilla. Nullam gravida purus diam, et dictum
+ felis venenatis
+ efficitur. Aenean ac eleifend lacus, in mollis lectus.
+ Donec sodales, arcu et sollicitudin porttitor, tortor urna
+ tempor ligula, id porttitor mi magna a neque. Donec dui urna,
+ vehicula et sem eget, facilisis sodales sem.
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus
+ ac ex sit amet fringilla. Nullam gravida purus diam, et dictum
+ felis venenatis efficitur.
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus
+ ac ex sit amet fringilla. Nullam gravida purus diam, et dictum
+ felis venenatis efficitur.
+
+
-
-
-
Titles
-
-
Title size 1
-
Subtitle size 3
-
-
Title size 2
-
Subtitle size 4
-
-
Title size 3
-
Subtitle size 5
-
-
Title size 4
-
Subtitle size 6
-
-
Title size 5
+
+
Titles
+
+
Title size 1
+
Subtitle size 3
+
+
Title size 2
+
Subtitle size 4
+
+
Title size 3
+
Subtitle size 5
+
+
Title size 4
+
Subtitle size 6
+
+
Title size 5
+
-
-
-
Content
-
-
-
Hello World
-
- Lorem ipsum[1] dolor sit amet,
- consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend
- gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut
- vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel,
- interdum mattis neque. Subscript
- works as well!
-
-
Second level
-
- Curabitur accumsan turpis pharetra augue tincidunt blandit.
- Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium
- urna vel cursus venenatis. Suspendisse potenti. Etiam mattis sem rhoncus
- lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.
-
-
-
In fermentum leo eu lectus mollis, quis dictum mi aliquet.
-
Morbi eu nulla lobortis, lobortis est in, fringilla felis.
-
- Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.
-
-
Ut non enim metus.
-
-
Third level
-
- Quisque ante lacus, malesuada ac auctor vitae, congue non ante. Phasellus lacus ex, semper ac tortor nec, fringilla condimentum orci.
- Fusce eu rutrum tellus.
-
-
-
Donec blandit a lorem id convallis.
-
Cras gravida arcu at diam gravida gravida.
-
Integer in volutpat libero.
-
Quisque aliquam cursus urna, non bibendum massa viverra eget.
-
Vivamus maximus ultricies pulvinar.
-
-
- Ut venenatis, nisl scelerisque sollicitudin fermentum, quam libero
- hendrerit ipsum, ut blandit est tellus sit amet turpis.
-
-
- Quisque at semper enim, eu hendrerit odio. Etiam auctor nisl et justo sodales elementum. Maecenas ultrices lacus quis neque consectetur, et lobortis
- nisi molestie.
-
-
- Sed sagittis enim ac tortor maximus rutrum. Nulla facilisi. Donec mattis
- vulputate risus in luctus. Maecenas vestibulum interdum commodo.
-
+
+
Content
+
+
+
Hello World
+
+ Lorem ipsum[1] dolor sit amet,
+ consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend
+ gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus.
+ Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel,
+ interdum mattis neque. Subscript
+ works as well!
+
+
Second level
+
+ Curabitur accumsan turpis pharetra augue tincidunt blandit.
+ Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin
+ pretium urna vel cursus venenatis. Suspendisse potenti. Etiam mattis
+ sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque
+ nisl.
+
+
+
In fermentum leo eu lectus mollis, quis dictum mi aliquet.
+
Morbi eu nulla lobortis, lobortis est in, fringilla felis.
+
+ Aliquam nec felis in sapien venenatis viverra fermentum nec
+ lectus.
+
+
Ut non enim metus.
+
+
Third level
+
+ Quisque ante lacus, malesuada ac auctor vitae, congue non ante. Phasellus lacus ex, semper ac tortor nec, fringilla condimentum
+ orci. Fusce eu rutrum tellus.
+
+
+
Donec blandit a lorem id convallis.
+
Cras gravida arcu at diam gravida gravida.
+
Integer in volutpat libero.
+
+ Quisque aliquam cursus urna, non bibendum massa viverra eget.
+
+
Vivamus maximus ultricies pulvinar.
+
+
+ Ut venenatis, nisl scelerisque sollicitudin fermentum, quam libero
+ hendrerit ipsum, ut blandit est tellus sit amet turpis.
+
+
+ Quisque at semper enim, eu hendrerit odio. Etiam auctor nisl et justo sodales elementum. Maecenas ultrices lacus quis neque consectetur, et lobortis
+ nisi molestie.
+
+
+ Sed sagittis enim ac tortor maximus rutrum. Nulla facilisi. Donec
+ mattis vulputate risus in luctus. Maecenas vestibulum interdum
+ commodo.
+
+ Select your data (including header row/column) in Excel or LibreOffice and paste it
+ in the text field on the right. You can also upload a CSV or Excel file from your
+ computer.
+
+ Lorem ipsum dolor sit amet consectetur, adipisicing elit. Delectus eos corrupti in doloribus
+ dicta accusantium ex ducimus, eum odit odio veniam fuga facere deleniti illum. Qui eveniet
+ veniam voluptatem quam!
+
+
+ Lorem ipsum dolor sit amet consectetur, adipisicing elit. Delectus eos corrupti in doloribus
+ dicta accusantium ex ducimus, eum odit odio veniam fuga facere deleniti illum. Qui eveniet
+ veniam voluptatem quam!
+
+
Group
+
+ Lorem ipsum dolor sit amet consectetur, adipisicing elit. Delectus eos corrupti in doloribus
+ dicta accusantium ex ducimus, eum odit odio veniam fuga facere deleniti illum. Qui eveniet
+ veniam voluptatem quam!
+
+
+ Lorem ipsum dolor sit amet consectetur, adipisicing elit. Delectus eos corrupti in doloribus
+ dicta accusantium ex ducimus, eum odit odio veniam fuga facere deleniti illum. Qui eveniet
+ veniam voluptatem quam!
+
+
diff --git a/src/views/edit/visualize/ChartTypeTab.svelte b/src/views/edit/visualize/ChartTypeTab.svelte
new file mode 100644
index 00000000..a3c32bbb
--- /dev/null
+++ b/src/views/edit/visualize/ChartTypeTab.svelte
@@ -0,0 +1 @@
+SELECT VISUALIZATION TYPE HERE
diff --git a/src/views/edit/visualize/DesignTab.svelte b/src/views/edit/visualize/DesignTab.svelte
new file mode 100644
index 00000000..e69de29b
diff --git a/src/views/edit/visualize/RefineTab.svelte b/src/views/edit/visualize/RefineTab.svelte
new file mode 100644
index 00000000..a7bb26f2
--- /dev/null
+++ b/src/views/edit/visualize/RefineTab.svelte
@@ -0,0 +1,99 @@
+
+
+
+ {#if chartReady && dataReady}
+
+ {/if}
+
Group
+
+ Lorem ipsum dolor sit amet consectetur, adipisicing elit. Delectus eos corrupti in doloribus
+ dicta accusantium ex ducimus, eum odit odio veniam fuga facere deleniti illum. Qui eveniet
+ veniam voluptatem quam!
+
+
+ Lorem ipsum dolor sit amet consectetur, adipisicing elit. Delectus eos corrupti in doloribus
+ dicta accusantium ex ducimus, eum odit odio veniam fuga facere deleniti illum. Qui eveniet
+ veniam voluptatem quam!
+
+
Group
+
+ Lorem ipsum dolor sit amet consectetur, adipisicing elit. Delectus eos corrupti in doloribus
+ dicta accusantium ex ducimus, eum odit odio veniam fuga facere deleniti illum. Qui eveniet
+ veniam voluptatem quam!
+
+
+ Lorem ipsum dolor sit amet consectetur, adipisicing elit. Delectus eos corrupti in doloribus
+ dicta accusantium ex ducimus, eum odit odio veniam fuga facere deleniti illum. Qui eveniet
+ veniam voluptatem quam!
+
+
+ Lorem ipsum dolor sit amet consectetur, adipisicing elit. Delectus eos corrupti in doloribus
+ dicta accusantium ex ducimus, eum odit odio veniam fuga facere deleniti illum. Qui eveniet
+ veniam voluptatem quam!
+
+
Group
+
+ Lorem ipsum dolor sit amet consectetur, adipisicing elit. Delectus eos corrupti in doloribus
+ dicta accusantium ex ducimus, eum odit odio veniam fuga facere deleniti illum. Qui eveniet
+ veniam voluptatem quam!
+
+
+ Lorem ipsum dolor sit amet consectetur, adipisicing elit. Delectus eos corrupti in doloribus
+ dicta accusantium ex ducimus, eum odit odio veniam fuga facere deleniti illum. Qui eveniet
+ veniam voluptatem quam!
+