Catalogue for Policies & Datasets component (part 2)
In the first part of our blogs on the Catalogue for Policies & Datasets component, we described its functionality and its data representation.
The data described in the previous blog is stored in the AI4PublicPolicy Dataset Catalogue and could be accessed by a user through a web interface or by an external application using a rest API. Both access methods provide authentication for private data access. The following figure shows the Datasets Catalogue Swagger REST API.

Regarding the web interface access, it allows the interaction with several web components containing data on the catalogue. A username/ password is required when accessing restricted information. This interface is developed using the latest frontend technologies including:
React: A JavaScript library which allows the creation of reusable UI components used for building single page applications.
Bootstrap: Library with visual elements used to build responsive web interfaces.
Meteor: Full-stack framework used to build web apps based in JavaScript.
Distributed Data Protocol: Proprietary Meteor protocol based on web sockets allowing real-time communication between the front-end and back-end.
Each page on the catalogue provides a different web interface which is composed of several web components relevant to the topic of the page. As for data representation the following pages will be developed:
Data concept page
This page shows information about a data concept including its name, description and several interactive bars, providing further information and relations with measurable quantities, components and datasets. The following figures presents the Data concept page.

Measurable Quantities
This page contains a list which helps to characterize the data concept by giving a list of measurable quantities and units supported, considering the “Weather Data” concept example, all the measurable quantities will be related with weather predictions and measurements.
Used On
In this page the bar shows all the products and use cases that were used or can be used to obtain data relevant to this data concept. Clicking on a product or use case will open a component page allowing the user to see more detailed information.
Datasets
This page provides List view of datasets containing information about all data collections related with this data concept, including the name, time period and measurable quantity names. This bar (on the top right) provides a button to enable the map view mode allowing to show the data concept datasets in a more detailed way including, its values, locations, etc.
Dataset map view
As shown in the figure below, this map view provides an interactive overview of all Datasets locations.

The view provides a dataset clickable listing using cards and geographical points, selecting a dataset will show on the right area of the view detailed information about the dataset including: last measurements, usage on use cases and devices used.