Interactive Africa Map D3 Arduino
This is a prototype which was built for a university assignment. The task was to build a prototype that makes use of data from the World Bank and concepts of embodied interaction.
I'm using an Arduino, a Sinatra Ruby app with WebSockets to connect to the Arduino, and D3.js to visualise the map. Instead of using normal inputs like mouse and keyboard, the slider in this application reacts to movements from an Arduino potentiometer.
- Set up a single potentiometer input on your breadboard. Like so: Potentiometer setup
- Connect your Arduino via USB (no Ethernet Shield needed)
- Load potentiometer code on your Arduino.
- You might have to change the address of the serial port in app.rb. Have a look at your port in the Arduino environment to see which one you're using (Tools -> Port).
- Start the Sinatra app:
> ruby app.rb