From funder to user

360Giving Data Visualisation Challenge

Data visualisation in D3.js of grants to user-led organizations

As a data journalist, I created a long-form with a series of data visualisations to map the grants to user-led organisations. The basic idea is to assign each grant to a square figure and color, size and order them in different ways to visualise themes, amounts awarded, organization types and funders. First, I used R programming language to clean the data, detect grants related to user-led programmes and analyse them. The code for the analysis can be found in this Github repository: For this analysis, I have taken into account communities and residents, patients, young people, older people, volunteers, children, parents and families, women, disabled people, students, BAME people, asylum seekers, violence survivors and ex-offenders. These are different groups considered likely to set up user-led organizations with activities, services and programmes planned by and used by themselves. Another big part of the analysis was categorising the grants in themes and the assigning a type for each organization. As this information is not provided as a variable in the dataset, I used text-analysis techniques. When the data was ready in a JSON file, the different charts were created using the javascript library D3.js and CSS Flexbox. This language allows custom and responsive visualisations. I have also included tooltips to allow the viewer to find out more about each grant, represented by a square or rectangle. The full code for the page is available in this Github repository: For a better experience, open the page in Firefox.

Victòria Oliveres

Data Journalist