Interactive Line Graph - The easy way

1,211
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

"Finding Giannis"

1,259
0
3
A tribute to Giannis Antetokounmpo by using some smooth state transitions in Proto and the "Finding Giannis" video by TNT. Wallpaper by https://lleytonjackson.weebly.com/ Youtube Video: "Finding Giannis" by NBA on TNT https://www.youtube.com/watch?v=HrCU305tzmM

bbac9ce3-504c-11ed 9221-0e76797a4f7b

Landing Page

1,394
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

Gradu-Skills

560
0
A skills assessment for students

d18eb75e-504c-11ed 9221-0e76797a4f7b

Infopalette - Extremly simple demo

741
0
1
Extremly simple demo of Infopalette. Once you switch your device to landscape mode, it shows the infopalette name. The I has a blue dot on top of it. Move this blue dot to the spot where you want to make your statement. The blue dot is a work around for proto.io, it won't be in the software demo. Once you lift your finger from the screen, the three text field for entering your statement will be shown. You can enter the subject, predicate and object (a statement). When all three text fields contain at least one character, an "opslag" field will be shown at the bottom of the screen. This is just to give you a visual to tell you the statement is stored, in the demo this "opslag" field will be removed.

6e997fa3-504e-11ed 9221-0e76797a4f7b

Next