, but this code // executes before the first paint, when

ƴɸ̳

is not yet present. The // classes are added to so styling immediately reflects the current // toolbar state. The classes are removed after the toolbar completes // initialization. const classesToAdd = ['toolbar-loading', 'toolbar-anti-flicker']; if (toolbarState) { const { orientation, hasActiveTab, isFixed, activeTray, activeTabId, isOriented, userButtonMinWidth } = toolbarState; classesToAdd.push( orientation ? `toolbar-` + orientation + `` : 'toolbar-horizontal', ); if (hasActiveTab !== false) { classesToAdd.push('toolbar-tray-open'); } if (isFixed) { classesToAdd.push('toolbar-fixed'); } if (isOriented) { classesToAdd.push('toolbar-oriented'); } if (activeTray) { // These styles are added so the active tab/tray styles are present // immediately instead of "flickering" on as the toolbar initializes. In // instances where a tray is lazy loaded, these styles facilitate the // lazy loaded tray appearing gracefully and without reflow. const styleContent = ` .toolbar-loading #` + activeTabId + ` { background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%); } .toolbar-loading #` + activeTabId + `-tray { display: block; box-shadow: -1px 0 5px 2px rgb(0 0 0 / 33%); border-right: 1px solid #aaa; background-color: #f5f5f5; z-index: 0; } .toolbar-loading.toolbar-vertical.toolbar-tray-open #` + activeTabId + `-tray { width: 15rem; height: 100vh; } .toolbar-loading.toolbar-horizontal :not(#` + activeTray + `) > .toolbar-lining {opacity: 0}`; const style = document.createElement('style'); style.textContent = styleContent; style.setAttribute('data-toolbar-anti-flicker-loading', true); document.querySelector('head').appendChild(style); if (userButtonMinWidth) { const userButtonStyle = document.createElement('style'); userButtonStyle.textContent = `#toolbar-item-user {min-width: ` + userButtonMinWidth +`px;}` document.querySelector('head').appendChild(userButtonStyle); } } } document.querySelector('html').classList.add(...classesToAdd); })(); The power of FEWSION - News & Stories | ƴɸ̳

ƴɸ̳

Skip to main content

Spark

The power of FEWSION

Fri, Dec 01, 2017

As Hurricane Harvey pounded Houston, news commentators warned the disaster would raise gas prices across the country. Ben Ruddell ’02 begged to differ. He knew that while residents of Chicago, Louisville and Tulsa would see price spikes, he and his fellow citizens in Flagstaff would see little, if any, increase.

Ruddell directs a project at Northern Arizona University that collects data from sources like the Department of Agriculture and the Energy Information Administration to create a map of the nation’s complex food, energy and water supply chains. Called FEWSION, the project was made possible when the National Science Foundation awarded Ruddell and his team $3 million, the agency’s largest grant thus far to researchers exploring the topic.

“Emergency managers spend most of their time thinking about their supplies of food, energy and water in a disaster,” Ruddell said. “Our maps will help them understand much better than before how distant events could affect them and whether they need to make changes before disasters happen.”

Because it’s funded by tax dollars, the public will have access to FEWSION’s data. By this winter Ruddell plans to have online a visualization system that will allow people anywhere in the country to see how their cities are supplied with food, energy and water, as well as commodities like forest products, textiles and electronics.

“There’s a lot of interesting data,” Ruddell said, “and now we have a plan to make that data actionable in local communities.”

The plan is a citizen-science extension of the project called PLACE4FEWS. “We’ll train people to do some sleuthing and find out who makes the decisions in their communities about where their food, energy and water come from. When they meet real people who make these systems work and get them involved, then there’s the possibility to effect change.”

He added, “Calvin alumni are the most likely people to take the lead on this next step of supply-chain management.”

For more on FEWSION, including its citizen-science project, visit .