{"id":43704683,"url":"https://github.com/eurostat/d3.examples","last_synced_at":"2026-02-05T05:38:22.520Z","repository":{"id":74753717,"uuid":"113467917","full_name":"eurostat/d3.examples","owner":"eurostat","description":"Applying d3 framework for handling and exploring (Javascript/Python) Eurostat data and metadata.","archived":false,"fork":false,"pushed_at":"2020-08-31T22:08:28.000Z","size":5896,"stargazers_count":2,"open_issues_count":0,"forks_count":4,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-01-28T02:05:44.943Z","etag":null,"topics":["d3-js","d3-visualization","eu-silc","eurostat-data","javascript","poverty-estimates","python"],"latest_commit_sha":null,"homepage":"https://github.com/eurostat/d3.examples","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/eurostat.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2017-12-07T15:32:46.000Z","updated_at":"2023-08-14T12:06:51.000Z","dependencies_parsed_at":null,"dependency_job_id":"a0bb3882-28ab-4a11-82a7-626a0724467e","html_url":"https://github.com/eurostat/d3.examples","commit_stats":{"total_commits":143,"total_committers":1,"mean_commits":143.0,"dds":0.0,"last_synced_commit":"f4f737f5640c57eda35471da9ed9e21e0ec59719"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/eurostat/d3.examples","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eurostat%2Fd3.examples","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eurostat%2Fd3.examples/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eurostat%2Fd3.examples/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eurostat%2Fd3.examples/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/eurostat","download_url":"https://codeload.github.com/eurostat/d3.examples/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eurostat%2Fd3.examples/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29113843,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-05T05:31:32.482Z","status":"ssl_error","status_checked_at":"2026-02-05T05:31:29.075Z","response_time":65,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["d3-js","d3-visualization","eu-silc","eurostat-data","javascript","poverty-estimates","python"],"created_at":"2026-02-05T05:38:18.827Z","updated_at":"2026-02-05T05:38:22.509Z","avatar_url":"https://github.com/eurostat.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"d3.examples\n===========\n\nApplying `d3.js` framework for handling and exploring _Eurostat_ data and metadata.\n---\n\nThis 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.\n\n**Description**\n\n\u003ctable\u003e\n\u003cheader\u003e\n\u003ctd align=\"centre\"\u003eExample 1\u003c/td\u003e\n\u003ctd align=\"centre\"\u003eExample 2\u003c/td\u003e\n\u003ctd align=\"centre\"\u003eExample 3\u003c/td\u003e\n\u003c/header\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ckbd\u003e\u003ca href=\"https://raw.githack.com/eurostat/d3.examples/master/example1/example1_peps01.html\"\u003e\u003cimg src=\"docs/example1_peps01.png\" alt=\"Example 1 PEPS01\" width=\"300\"\u003e\u003c/a\u003e\u003c/kbd\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ckbd\u003e\u003ca href=\"https://raw.githack.com/eurostat/d3.examples/master/example2/example2_icw_raw.html\"\u003e\u003cimg src=\"docs/example2_icw.png\" alt=\"Example 2 ICW\" width=\"300\"\u003e\u003c/a\u003e\u003c/kbd\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ckbd\u003e\u003ca href=\"https://raw.githack.com/eurostat/d3.examples/master/example3/example3_toc_raw.html\"\u003e\u003cimg src=\"docs/example3_toc.png\" alt=\"Example 3 ToC\" width=\"300\"\u003e\u003c/a\u003e\u003c/kbd\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\n* Example 1\n\nThe 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.\n\nThe 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. \nThrough, 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).\n\n* Example 2\n\nThe 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.\n\nThe 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. \nA **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)**.\n\n* Example 3\n\nThe 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. \n\nThe 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)**.\n\n**About**\n\n\u003ctable align=\"center\"\u003e\n    \u003ctr\u003e \u003ctd align=\"left\"\u003e\u003ci\u003edocumentation\u003c/i\u003e\u003c/td\u003e \u003ctd align=\"left\"\u003eavailable at: https://eurostat.github.io/d3.examples/\u003c/td\u003e \u003c/tr\u003e \n    \u003ctr\u003e \u003ctd align=\"left\"\u003e\u003ci\u003estatus\u003c/i\u003e\u003c/td\u003e \u003ctd align=\"left\"\u003esince 2017 \u0026ndash; ongoing\u003c/td\u003e \u003c/tr\u003e \n    \u003ctr\u003e \u003ctd align=\"left\"\u003e\u003ci\u003econtributors\u003c/i\u003e\u003c/td\u003e \n    \u003ctd align=\"left\" valign=\"middle\"\u003e\n\u003ca href=\"https://github.com/gjacopo\"\u003e\u003cimg src=\"https://github.com/gjacopo.png\" width=\"40\"\u003e\u003c/a\u003e\n\u003c/td\u003e \u003c/tr\u003e \n    \u003ctr\u003e \u003ctd align=\"left\"\u003e\u003ci\u003elicense\u003c/i\u003e\u003c/td\u003e \u003ctd align=\"left\"\u003e\u003ca href=\"https://joinup.ec.europa.eu/sites/default/files/eupl1.1.-licence-en_0.pdfEUPL\"\u003eEUPL\u003c/a\u003e \u003c/td\u003e \u003c/tr\u003e \n\u003c/table\u003e\n\n**\u003ca name=\"References\"\u003e\u003c/a\u003eReferences**\n\n* `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).\n* _Eurostat_ dissemination [website](http://ec.europa.eu/eurostat/data/database) and [blocks](https://bl.ocks.org).\n* _Eurostat_ bulk download [facility](http://ec.europa.eu/eurostat/estat-navtree-portlet-prod/BulkDownloadListing).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feurostat%2Fd3.examples","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Feurostat%2Fd3.examples","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feurostat%2Fd3.examples/lists"}