d3.examples

Applying `d3.js` framework for handling and exploring Eurostat data and metadata.

This page provides few examples of web-based visualisation of the data and metadata disseminated on Eurostat website. It uses for that purpose some already existing templates based on the d3.js library (e.g. see gallery referenced below). Besides the example webpages, the material used to handle the extracted (meta)data and prepare (select/filter/reshape) them for visualisation is also provided.

Description

Example 1	Example 2	Example 3

Example 1

The output visualisation provided in example 1 reuses the material based on d3-force layout developed for the New York Times publication on Obama's budget proposal, so as to provide with an interactive display of selected EU-SILC indicator.

The webpage example1_peps01.html actually illustrates some important (2016) figures related to ESTAT indicator ilc_peps01 on people at risk of poverty or social exclusion by age and sex. Through, for instance, githack, a preview of this webpage is made available at this address (though the display is much slower and some of the page features are disabled).

Example 2

The output visualisation provided in example 2 reuses the d3 material introduced in a tutorial on flow diagrams, so as to represent the dependency links between Eurostat data and metadata.

The webpage example2_icw.html shows the dependency between Eurostat (experimental) indicators on income, consumption and wealth (ICW) and the various dimensions that are actually used for the definition of the population breakdowns. A preview of this webpage is made available at this address while another example based on the metadata for the EU-SILC dataset is presented here.

Example 3

The graph visualisation presented in the example 3 reuses the d3-tree layout material exposed in an online example of drag-and-drop zoomable, panning, collapsible tree, so as to display the table of contents of Eurostat online database.

The webpage example3_toc.html shows the expandable table of contents. A preview of this webpage is made available at this address.

About