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

Creation of Map screens using: (1) Map Image Container (2) Google Maps Embed Code.

This is an interactive prototype of a To-Do app and the UI kit used is provided by invisionApp. The UI kit can be found at : https://www.invisionapp.com/do

Project using Variables to simulate Drag and Drop to Snap functionality into a predefined area. While also adding Animations and States for a more smooth and elegant process.

A simulation of a shopping cart project. Add remove products to a pre-set shopping cart (Use of variables and States)

An extended collection of fully animatable UI libraries like triangles, stars, arrows and more, let you bring your idea to life all within Proto.io.

This Animated navigation bar project was created to simulate feedback when interacting with a button on a navigation bar while also giving it some snap functionality. Was created using Containers and States.

Use a variable to add the costs of premium features that are selected or deselected using an iOS switch component. See a video of how to do this step-by-step in this webinar: https://support.proto.io/hc/en-us/articles/115001585411-Model-advanced-prototypes-that-use-variables-part-II TAGS: variables variable math addition switch switches fire an items event

Drag and Drop an avatar over a target area that animates when in the drop zone. When released outside the target drop zone, it returns to the original location. Uses a variable to define the target drop zone, that then triggers animations in the zone and when dropped. See how it was made step by step in the webinar video: https://support.proto.io/hc/en-us/articles/115000637591-Advanced-Scrolling-Dragging TAGS: drag and drop dragging variables variable animations on drop animation

The Flipboard animation created using states.