Designing with real data is critical to what we do at Uber.
I developed a Framer module that lets us put cars, route lines, markers, navigation, on a real map using the Mapbox GL JS API.
In this example, I used Mapbox's Directions API to route our 3D cars along real street data. The module lets you specify multiple longitude, latitude waypoints, route lines, and more.
Creating data-driven prototypes with tools like Framer allows us to test for real world situations in our research.