Map Data Visualization with Slider using Variables

4,270
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

Classical Etheria

1,765
0
2
My own version of the Pandora Taylor Swift example provided by Proto.io's video tutorial.

cbcb3aff-504d-11ed 9221-0e76797a4f7b

Hide Navigation Bar On Scroll

5,314
4
177
This is an example of a Navigation Bar that disappears on any downward scroll and re-appears on on any upward scroll.

Akis Ioannou

Thermostat1

1,717
0
50
Try it: rotate the circle with your finger (goes from 14 - 28) Help needed: play "tock" sound ONLY when temperature changes (every 30 degrees)

Koen van Niekerk

Minimal dialpad/numberpad/passcode

1,686
0
67
Number pad designed for easy re-use. I saw some dialpad examples in Spaces, but I felt that they had way too many moving parts (the circles, the numbers, and the hotspots were all separate) and it was impossible to easily reuse because the circles and numbers were assets and changing look and feel retired changing the assets. So I created this as a completely re-useable dialpad and I have included a few color pickers as an example of how to manipulate the properties quickly through variables.

a21fe9c8-e5d9-11ee ab6d-0e76797a4f7b

Animal species

4,769
2
138
I created this prototype of a wildlife photography app to experiment with horizontal and vertical scrolling interactions. What do you think?

Christos Chatzikkos

Maria Brown Interactive Resume

1,841
0
Explore my resume with this interactive interface.

0685c558-a596-11ef a04a-0e3ec7c5f8cf

Slider Volume Control

1,553
0
32
Music player with a slider controlling volume of Music playing.

640865e2-504d-11ed 9221-0e76797a4f7b

Next