Trase.

Tracing the international flow of agricultural commodities.

Check it online

Many of us start the day with a big bowl of cereal and soy milk, but how often do we consider the journey that soy in our milk has taken to arrive in our home? Where did it come from? Was it harvested sustainably? Who shipped it here? Trase is a platform that lays bare the flow of soy and other commodities—like coffee and palm oil—through the global trade system. Developed by the Stockholm Environment Institute and Global Canopy Programme, Trase offers unprecedented transparency into commodity supply chains. It aims to help companies, financial institutions and governments understand and address the social and environmental impacts associated with their supply chains.

At the heart of Trase is a beautiful, interactive sankey diagram that visualises your soy’s journey. The datasets that feed this visualisation are immense and we had to resist the urge to cram in as many features as possible. Instead, we carefully selected features that would allow people to explore the complex relationships between the data points without being overwhelmed. Pushing technology to the limits, the sankey diagram is the perfect way to fully appreciate the global demand for forest products.

Stockholm Environment Institute.

November 2016.

Check it online

Outstanding flexibility

D3 is an obvious choice for creating complex data visualisations and Trase uses the latest iteration of this library with a completely customised layout for the boundary-pushing sankey diagram. In just a few lines of code, D3 turned a static sankey into a fully animated visualisation of trade data. Using Redux alongside D3 helped us deal with complex interaction flows within the data and meant we could keep the entire application state— including enabled filters, selected nodes and selected regions on the map—in a simple Javascript object and open up the option to share detailed stories drawn from the data.

Trase-highlight

Hover and click

The Trase dataset is immense and the relationships between the data points are convoluted, but that doesn’t mean the user experience should be complicated. We took great care with the design of the interface, incorporating simple hover and click interactions so users can perform complex filters on the sankey that help them draw insights. In just two clicks, it’s possible to compare multiple geospatial indicators on the map as the website automatically changes between single value and bivariate choropleths. To maximise the use of space, we doubled up the main title on the data visualisation page as a geospatial and temporal filter for the data.

What are people saying about it?

Trase-opinion

Yesterday I had the pleasure to meet the very impressive work of @Vizzuality on environmental data vizs. Do not miss

Violeta Cabello

Trase-opinion

Wow! @GlobalCanopy SEI Trase #supplychain transparency tool!

Ruth Metzel

Trase-opinion

@MarsGlobal says supply chain transparency tools are critically important http://www.trase.earth

Get in touch.

Contact us

Conservation International

Resilience Atlas