Map Data Visualization with Slider using Variables

4,717
1
127
Use a slider component to see the how a map of the US changes every month over a year based on the concentration of a fanbase. Uses a basic variable to change the container state of the map, with map assets created in Sketch. See how a version of it was created step-by-step within the Dashboard & Data Visualization webinar: http://docs.proto.io/videos/using-proto-io-for-dashboards-and-data-visualizations/ tags: variable | variables | data visualization | data viz | map | slider | states | months | USA

Todd Siegel

Get the position of a scrolling container

4,438
2
114
If you need to get the Y position of a vertically scrolling container, create a text box. Then on the container scroll trigger, set a variable that evaluates the numerical callback value from the event (Y position). Then add a callback that changes the text property of the text box by reading from the variable.

Todd Siegel

Menu Overlay Animation - Google Calendar for iOS

6,896
0
167
Prototype of the Material Design menu animation of Google Calendar for iOS. See how it was created step-by-step in the video of the webinar "Adaptive Prototypes & Material Design UI Library" http://docs.proto.io/videos/adaptive-prototypes-material-design-ui-library/ Skip to minute 35:14 of the webinar to specifically see this prototype being made. TAGS: material design google iOS calendar Enjoy.

Todd Siegel

MyVacation

3,276
0
iOS app prototype using the magnificent Proto.io that let users share their stories about their travel. A work in progress but definitely in good direction! To experience, simply click anywhere on the main screen. On mobile, tap on the password field and then tap done.

33115daa-ab16-11ef a04a-0e3ec7c5f8cf

Vertical scrolling feed with 2 expandable areas

7,557
6
407
An example of our vertical scrolling feed, with 2 expandable areas. Feel free to import into your Proto.io account.

Akis Ioannou

GrainYLD

1,151
0
6
Prototype created for an online web-based app, allowing farmers to evaluate their fields yield. Because the app will primary be used in the fields, outdoor, the final design included optimization of the colors to insure the best readability.

5a2e1f02-87b1-11ef ab6d-0e76797a4f7b

Halal Local

2,280
1
Non-professional tour guide is a popular alternative for travellers seeking for cheaper price of service. Travellers want an integrated platform to personally pick a tour guide that meet their specific needs

1ab9f6b7-504e-11ed 9221-0e76797a4f7b

Next