Interactive Line Graph - The easy way

1,338
0
14
This is a simple way to create an interactive line graph. There is another way to create it which involves Draggable Elements instead but that requires a much more complex setup. Go ahead and import the project in your account! By seeing the interactions you will realise how easy it is to recreate. p.s not the smoothest animation but feel free to improve it

bbac9ce3-504c-11ed 9221-0e76797a4f7b

Landing Page

1,610
0
34
Scrollable Landing Page Design from: https://www.sketchappsources.com/free-source/1975-key-t-one-page-website-template-sketch-freebie-resource.html Top Menu and Side Slider changes (State) depending on the scroll position with the use of variables

7e32ae9e-1fcb-11ee bd60-0e76797a4f7b

Form validation

2,010
0
87
Form validation using variables and states

7e32ae9e-1fcb-11ee bd60-0e76797a4f7b

Scrollable data table

2,136
0
31
Here is an example of a scrollable data table with vertical and horizontal scroll and a fixed header. Data design: https://www.sketchappsources.com/free-source/3706-datatable-with-horizontal-scroll-sketch-freebie-resource.html

7e32ae9e-1fcb-11ee bd60-0e76797a4f7b

Pop up examples

2,088
0
22
2 types of modals / popup examples

7e32ae9e-1fcb-11ee bd60-0e76797a4f7b

Coronavirus COVID-19 Global Cases by Johns Hopkins CSSE

3,338
0
Coronavirus COVID-19 Global Cases by Johns Hopkins CSSE - Desktop Version Using an embed map from https://www.arcgis.com/

74a7bee2-504d-11ed 9221-0e76797a4f7b

Coronavirus COVID-19 Global Cases by Johns Hopkins CSSE

1,003
0
Coronavirus COVID-19 Global Cases by Johns Hopkins CSSE - Mobile Version Using an embed map from https://www.arcgis.com/

74a7bee2-504d-11ed 9221-0e76797a4f7b

Filtering Activity Feed by Tags

1,228
0
7
Filtering Activity Feed (Templates) by Tags using Container States Filter / container states

17056140-504e-11ed 9221-0e76797a4f7b

Next