Interactive Survey Tools for Data Visualizations

A New Way to Tackle Questions

Traditional survey tools often rely on static images or text-only questions that fail to engage respondents or capture the rich context of visual information.

A Visual Approach to Web Surveys

Through our app, interactive visuals can be paired with survey questions to create a more dynamic and engaging experience.

Better Responses for Better Research

Interactive visuals allow researchers to collect higher quality information from survey questions concerned with data visualizations and other visual information.

Answer visually interactive survey questions

Engage respondents by letting them click, drag, and respond directly with a variety of images. Interactive hitboxes and real-time feedback turn passive multiple-choice surveys into an immersive experience.

Design, publish, and share surveys

Create custom surveys with intuitive tools and configurable question types. Publish your survey and share it via a unique link in seconds. Gather all your responses conveniently in a pre-formatted .csv file.

Design interactive visuals

Upload a vector or raster image and customize it to be used in a visually interactive survey question. Choose what areas respondents are able to interact with and what points to spotlight for the question.

How It Works

The web app runs in a Node.js runtime environment, so the code is all written in JavaScript.
The web app follows a modular architecture where the UI, API, and MySQL database parts of the app are all sectioned off into separate containers. The part of the app used to edit and display interactive visuals for survey questions is separated out into its own service where it can be deployed separately from the main survey tool if need be. This architecture pattern is more difficult to work with than a more monolithic pattern, but it benefits the project by isolating separate parts of the application and by allowing more flexible deployment options.
The app uses Docker to containerize the modules and build the app into a single deployable image.

How to Get Started?

You can pull the latest source code from here
Make sure you have both Node.js and Docker installed on your system
Set the correct environment variables with the command "mv .env.local .env", then, with Docker running, run the command "docker compose up --build" to build and launch the app
Access the app through the URL "http://localhost:5000/"
Read the repository's readme for more info, or visit the wiki

The Team

Sawyer Fedderly

fedderls@oregonstate.edu

Nathan Kiely

kielyn@oregonstate.edu

Sean McCoy

mccoyse@oregonstate.edu

Ben Sihavong

sihavobe@oregonstate.edu

Eric Tran

trane2@oregonstate.edu