Pairing with an environmental scientist, we built a unique data visualization tool to track water quality and radiation cleanup.
Blinded Me With Science
As a U.S. Navy contractor and founder of Camassia Applied Science, Ed Kilduff monitored the former San Francisco Naval Shipyard for 10 years, recording radiation levels from over 800 wells. There were volumes of data, but no easy way to present or publish analyses. If Ed’s team could visualize 500,000 rows of data on the fly, it would save considerable time and nearly 60,000 printed pages of reports every year.
Anything You Can Do
The current method of turning 638 acres of GIS data into flat, motionless PDFs wasn’t quite cutting it. An interactive map would yield infinitely better insight.
Never Seem To Find The Time
Ed’s team needs the ability to show change over time, but maps tend to be fixed and two-dimensional in that regard. An interface that could jump forward and backward through time may reveal patterns previously hidden amongst tables and manual entry.
I Left My Analytes in San Francisco
Letting the data speak for itself was paramount, and the wireframes zeroed in on just that: a localized view of Hunter’s Point sticks around while controls and information gracefully enter and exit as necessary.
Haven’t Got a Stitch To Wear
With the Shipyard concept solidifying, it still needed a memorable identity in case it ever wanted to go out. Starting with a period engraver’s grotesque font spoke to the history of the site. Pairing it with modern colors and animations ensured a clear presentation of the values within.
Design + Develop
When I Move, You Move, We Move
Frame rate issues reared their head early in the process (a common side-effect of dense information), leading us to pair D3.js with canvas to provide the map a stable and speedy base.
The Sounds of Science
To facilitate future data additions, a CSV uploader was incorporated to feed the Rails API layer, ultimately serving as a database for the Angular-fronted application.
Tripping Through Time
A timeline allows users to scrub through time — like a video — simply by scrolling. Never before has the data for this area been so easily accessible.
Time After Time
Upon launch, all well information at Hunter’s Point became instantly and intuitively accessible. Ed and his team can now spend most of their time analyzing rather than mocking up reports.
I Saw The Light
Significant truths often rely less on how much we observe what’s in front of us, and more on where we observe from. Giving Ed’s team a new way to look at the data resulted in immediate improvements on how they make connections within the data.
Sky’s The Limit
The application’s continued success has served as a solid proof-of-concept for the larger MapMeum project, which launched in 2017.
Envy Labs designed a data-driven experience where users could explore 3,000 survey participants’ answers.