Trase.

Tracing the international flow of agricultural commodities.

Check it online

Many of us enjoy eating a big burrito stuffed with beef or tofu, but how often do we consider the journey that the food in our meals has taken? Where was it grown? Who exported it? What were the environmental impacts of its production? These questions can be answered by Trase, a platform that maps the global supply chains driving deforestation. Developed by the Stockholm Environment Institute and Global Canopy Programme, Trase aims to help companies, financial institutions and governments understand their social and environmental impacts.

At the heart of Trase is a beautiful, interactive sankey diagram that visualises the journey beef and soy takes before arriving on your plate. 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 agricultural commodities.

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