Map Data Visualization with Slider using Variables

1,600
0
58
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

Variety pack of demos

1,917
3
122
This prototype contains 3 separate prototypes demonstrating: 1) using a slider to dynamically change labels and images using variables 2) sorting and filtering content with states (animating a bar graph). 3) swiping between multiple scrollable feeds, as used in Twitter's iOS app. Here is the video of the webinar showing how to create these prototypes: http://docs.proto.io/videos/you-can-do-that-in-proto-io/ Use the index screen in the prototype to navigate to each of the demos.

Todd Siegel

color picker

665
0
9
Done to explore setting colors with sliders and some Math expressions. Additional features, should anyone wish to build, would be to convert to HSV space, and to produce Hex color codes as well. To use colors, in the color controls of an element, replace the #XXXXXX hex code with this: rgb(255,125,45). Two swatches are provided, since color combinations are more interesting than single colors. Swatches are draggable.

Bill Konersman

Faces flying out of bar chart

1,027
0
6
A data visualization where a bar chart of faces flies out showing the details of individual faces.

Todd Siegel

Zimmer.co.il

567
0
11
Airbnb inspiration

Alex Rivkin

zzz

63
0
5
Next