FinDev Canada therefore asked us to develop a visualization with a double objective: to inform the public of the nature of the projects in progress and to serve as a dashboard for their employees.
One of the challenges was therefore to make the visual sufficiently attractive to a large audience while being sufficiently technical to answer specific questions from staff on the distribution of projects.
Click here to go directly to the interactive visualization.
The choice of an alluvial
An alluvial chart presents the different distributions of the sam variable. In this case, the variable is the financial value (or number) of projets, as distributed across regions, investment types, sectors and 2X eligibility.
Each column reveals a proportional distribution of projects between the categories.
Each project is visible
As there are still few projects in the portfolio of this new organization, it is possible to make each project visible while hovering over the graph.
The exception confirms the rule
The objectives constituted their own challenge as they are not mutually exclusive: some projects may contribute to two or three objectives at a time. An alluvial is not adapted to such information. We have therefore used a different approach, illuminating the objectives to which the selected project contributes.
In this exemple, the project selected contributes to women’s economic empowerment and to climate mitigation and adaptation.
The hidden dashboard
We approach public dashboards with skepticism, as readers rarely have the patience to make selections from drop-down menus and lists. We have therefore integrated the interactivity into the interface in an intuitive way, offering the option of filtering within the labels rather than in separate menus.
Below the alluvial graph is a list of projects with a short description and a link to a page dedicated to each project. When a project is selected in the alluvial, its card moves to the top of the list, right below the graph.
In the mobile version, the alluvial graph is presented horizontally. It nevertheless preserves all possible functions in a tight setting and on mobile.The only difference is that the name of a project is displayed only when selected.