https://github.com/eurostat/d3.examples

Applying d3 framework for handling and exploring (Javascript/Python) Eurostat data and metadata.
https://github.com/eurostat/d3.examples

d3-js d3-visualization eu-silc eurostat-data javascript poverty-estimates python

Last synced: 4 months ago
JSON representation

Applying d3 framework for handling and exploring (Javascript/Python) Eurostat data and metadata.

• Host: GitHub
• URL: https://github.com/eurostat/d3.examples
• Owner: eurostat
• Created: 2017-12-07T15:32:46.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2020-08-31T22:08:28.000Z (almost 6 years ago)
• Last Synced: 2024-01-28T02:05:44.943Z (over 2 years ago)
• Topics: d3-js, d3-visualization, eu-silc, eurostat-data, javascript, poverty-estimates, python
• Language: HTML
• Homepage: https://github.com/eurostat/d3.examples
• Size: 5.62 MB
• Stars: 2
• Watchers: 3
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
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](http://ec.europa.eu/eurostat/data/database). It uses for that purpose some already existing templates based on the `d3.js` library (_e.g._ see gallery referenced [below](#References)). 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](https://github.com/d3/d3-force)** developed for the _New York Times_ publication on [Obama's budget proposal](http://www.nytimes.com/interactive/2012/02/13/us/politics/2013-budget-proposal-graphic.html), so as to provide with an interactive display of selected _EU-SILC_ indicator.

The webpage [_example1_peps01.html_](https://github.com/eurostat/d3.examples/blob/master/example1/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`](https://raw.githack.com/), a **preview of this webpage is made available at this [address](https://raw.githack.com/eurostat/d3.examples/master/example1//example1_peps01.html)**  (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](https://www.visualcinnamon.com/2015/08/stretched-chord.html) on flow diagrams**, so as to represent the dependency links between _Eurostat_ data and metadata.

The webpage [_example2_icw.html_](https://github.com/eurostat/d3.examples/blob/master/example2/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](https://raw.githack.com/eurostat/d3.examples/master/example2/example2_icw_raw.html)** while another example based on the metadata for the **EU-SILC dataset is presented [here](https://raw.githack.com/eurostat/d3.examples/master/example2/example2_ilc_raw.html)**.

* Example 3

The graph visualisation presented in the example 3 reuses the **[`d3-tree` layout](https://github.com/mbostock/d3/wiki/Tree-Layout) material exposed in an online example of [drag-and-drop zoomable, panning, collapsible tree](https://www.visualcinnamon.com/2015/08/stretched-chord.html)**, so as to display the  table of contents of _Eurostat_ online database. 

The webpage [_example3_toc.html_](https://github.com/eurostat/d3.examples/blob/master/example3/example3_toc.html) shows the expandable table of contents. A **preview of this webpage is made available at this [address](https://raw.githack.com/eurostat/d3.examples/master/example3/example3_toc_raw.html)**.

**About**

     documentation available at: https://eurostat.github.io/d3.examples/  

     status since 2017 – ongoing  

     contributors 

    



  

     license EUPL   

**References**

* `d3.js` [website](https://d3js.org/) and galleries: [wiki](https://github.com/d3/d3/wiki/Gallery), [_d3list_](http://christopheviau.com/d3list/gallery.html), and many more [examples](http://www.bogotobogo.com/DataVisualization/List_of_D3_Examples.php).

* _Eurostat_ dissemination [website](http://ec.europa.eu/eurostat/data/database) and [blocks](https://bl.ocks.org).

* _Eurostat_ bulk download [facility](http://ec.europa.eu/eurostat/estat-navtree-portlet-prod/BulkDownloadListing).