Visualization Data on Food Insecurity using Processing
A few weeks ago, we, as a team, Shruti Raghava, Akin Agboola, and I, decided to make Data Visualization tell the story of how an individual with food insecurity finds food-related information on the internet.
Step 1: Find Data you want to Visualize
During my first semester, I conducted user research for food insecurity. So we decided to use the data gathered to create our data visualization.
Step 2: Cleaning and Prepare the Data
Looking at the survey, it is hard to represent the data since it’s not standardized. Since some of the data are in sentences, with some missing and unnecessary variables, we must clean the data to represent the story best.
Step 3: Brainstorming
Once we finished cleaning the data, we brainstormed what data was needed to convey our story of food information.
Step 4: Coding in Processing
We import our data into processing by creating a class table, “data,” where our data will be stored.
Table data;
To call our survey sheet and present data on our canvas:
data = loadTable(“data.csv”,”header”); println(data.getRowCount()); {TableRow row = data.getRow(1); Float balanced_meal = row.getFloat (“balanced_meal”); Float Information_awareness = row.getFloat (“Information_awareness”); Float information_source = row.getFloat (“information_source”); Float information_useful = row.getFloat (“information_useful”); Float information_use = row.getFloat (“information_use”); Float information_outcome = row.getFloat (“information_outcome”);
Step 5: Creating the Data Viz
We considered the many variables and the essential data to tell a story about the food information journey. We simplified by considering 6 participants who experienced different journeys. We have three different stages of information-good, average or poor.
The challenge we found was how to code using curveVertex to make the Data Viz more curvy than pointy. But curvy lines would miss the points each participant met at each stage regarding the information.
It is still a work in progress, but we’re proud of how we put together a data viz using processing.
Find the full code here: https://github.com/celestinetales/processing/blob/main/foodsourceDV