The first step involved rebuilding the data explorer to incorporate new metrics and expanded timeframes. Graphicacy replaced the original technology stack with React for a more modern front end and user interface.
As with the prior iteration, the default view—an interactive map of the U.S.—divides the nation by Public Use Microdata Areas (PUMAs). But now users see new types of data, like indicators of financial wellness, as well as wide-ranging comparisons across metrics, so they can put each PUMA within its regional, state and national context.
When a user hovers over a specific region on the map, a pop-up box appears with a snapshot of a selected metric, such as median net worth. Expanded dropdown menus, many of which span multiple years, provide historical perspective.
Below the map view, users can explore three categories of metrics—Daily Finances, Economic Resilience and Upward Mobility—along with demographic details, including racial composition, of the region’s population. Each category links to related resources and calls to action. Graphicacy applied a modular bar chart system to all metrics and demographic breakdowns for a simplified, consistent user experience.
Also new, the updated Dashboard expands from 100 major U.S. cities to more than 270 cities, towns and municipalities that users can search by name or zip code. They can also prepare charts or collections for PDF download thanks to a much-requested revised print view.