|
|
(82 intermediate revisions by one user not shown) |
Line 1: |
Line 1: |
− | ==Aim and scope of the Knowledge Platform== | + | == Aim and scope of the Knowledge Platform == |
| + | |
| The Knowledge Platform will ensure sustainability, dissemination and appropriate capitalization of project outputs and results | | The Knowledge Platform will ensure sustainability, dissemination and appropriate capitalization of project outputs and results |
| across the SEE area, as well as in the networks that the project will establish exchanges with. | | across the SEE area, as well as in the networks that the project will establish exchanges with. |
| | | |
− | ===The main purpose of the Knowledge Platform is:=== | + | === The main purpose of the Knowledge Platform is: === |
| * a user-friendly configuration of SEE data on the population, migration flows and labour markets | | * a user-friendly configuration of SEE data on the population, migration flows and labour markets |
| * methodologies developed by the project, and the forecasts and outcome scenarios developed with such methodologies | | * methodologies developed by the project, and the forecasts and outcome scenarios developed with such methodologies |
Line 10: |
Line 11: |
| ---- | | ---- |
| | | |
− | ===Input, Materials and Templates=== | + | === Input, Materials and Templates === |
| | | |
− | {{#gcharts:chs=600x400&cht=map:auto&chco={{#gcharts_pipe: B3BCC0,3366CC,DC3912,109618,990099,0099C6,DD4477,66AA00}}&chld={{#gcharts_pipe:AT,BG,GR,IT,ME,RO,RS,SI}}&chdl={{#gcharts_pipe:Austria,Bulgaria,Greece,Italy,Montenegro,Romania,Serbia,Slovenia}}&chtt=Countries+of+project+partners
| + | <img src="//chart.googleapis.com/chart?cht=map:auto&chco=B3BCC0|3366CC|DC3912|109618|990099|0099C6|DD4477|66AA00&chdl=Austria|Bulgaria|Greece|Italy|Montenegro|Romania|Serbia|Slovenia&chs=600x400&chld=AT|BG|GR|IT|ME|RO|RS|SI&chtt=Countries+of+project+partners" width="600" height="400" alt="Countries of project partners"/> |
− | }}
| + | |
| | | |
− | ===Results=== | + | <html> |
| + | <head> |
| + | <script type='text/javascript' src='https://www.google.com/jsapi'></script> |
| + | <script type='text/javascript'> |
| + | google.load('visualization', '1', {'packages': ['geochart']}); |
| + | google.setOnLoadCallback(drawRegionsMap); |
| + | |
| + | function drawRegionsMap() { |
| + | var datatable = google.visualization.arrayToDataTable([ |
| + | ['Country', 'Population (millions) - 2011'], |
| + | ['Austria', 8.424], |
| + | ['Bulgaria', 7.348], |
| + | ['Greece', 11.3], |
| + | ['Italy', 60.72], |
| + | ['Montenegro', 0.632], |
| + | ['Romania', 21.38], |
| + | ['Serbia', 7.259], |
| + | ['Slovenia', 2.053] |
| + | ]); |
| + | |
| + | var options = { |
| + | title: 'Countries', |
| + | keepAspectRatio: 'true', |
| + | displayMode: 'region', |
| + | magnifyingGlass: {enable: true, zoomFactor: 10.0}, |
| + | region: '150', |
| + | legend: {textStyle: {color: 'blue', fontSize: 16}} |
| + | }; |
| + | |
| + | |
| + | var chart = new google.visualization.GeoChart(document.getElementById('chart_div')); |
| + | chart.draw(datatable, options); |
| + | |
| + | var dataView = new google.visualization.DataView(datatable); |
| + | |
| + | }; |
| + | </script> |
| + | </head> |
| + | <body> |
| + | <div id="chart_div" style="width: 900px; height: 500px;"></div> |
| + | </body> |
| + | </html> |
| + | |
| + | === Results === |
| | | |
| *[[List of Case Studies]] | | *[[List of Case Studies]] |
− | ** '''[[:category:Country|select case study by country]]''' | + | ** [[:category:Country|select case study by country]] |
− | ** '''[[:category:Region|select case study by region]]''' | + | ** [[:category:Region|select case study by region]] |
− | ** '''[[:category:Institution|select case study by institution]]''' | + | |
| + | *List of Institutions |
| + | ** [[:category:Institution|select institution]] |
| + | |
| + | === Latest changes === |
| + | |
| + | [[Blog]] |
| | | |
| == Getting started == | | == Getting started == |
Line 37: |
Line 86: |
| | | |
| | | |
− | === Test: Dynamic Diagrams ===
| |
− |
| |
− | <html>
| |
− | <head>
| |
− | <script type="text/javascript" src="https://www.google.com/jsapi"></script>
| |
− | <script type="text/javascript">
| |
− | google.load('visualization', '1', {'packages':['motionchart']});
| |
− | google.setOnLoadCallback(drawChart);
| |
− | function drawChart() {
| |
− | var data = new google.visualization.DataTable();
| |
− | data.addColumn('string', 'Fruit');
| |
− | data.addColumn('date', 'Date');
| |
− | data.addColumn('number', 'Sales');
| |
− | data.addColumn('number', 'Expenses');
| |
− | data.addColumn('string', 'Location');
| |
− | data.addRows([
| |
− | ['Apples', new Date (2012,0,1), 1000, 300, 'East'],
| |
− | ['Oranges', new Date (2013,0,1), 1150, 200, 'West'],
| |
− | ['Bananas', new Date (2014,0,1), 300, 250, 'West'],
| |
− | ['Apples', new Date (2015,6,1), 1200, 400, 'East'],
| |
− | ['Oranges', new Date (2016,6,1), 750, 150, 'West'],
| |
− | ['Bananas', new Date (2017,6,1), 788, 617, 'West']
| |
− | ]);
| |
− | var chart = new google.visualization.MotionChart(document.getElementById('chart_div'));
| |
− | chart.draw(data, {width: 800, height:400});
| |
− | }
| |
− | </script>
| |
− | </head>
| |
− |
| |
− | <body>
| |
− | <div id="chart_div" style="width: 600px; height: 300px;"></div>
| |
− | </body>
| |
− | </html>
| |
− |
| |
− | <html>
| |
− | <a href="http://spreadsheets.google.com/pub?key=pefjvshKHZ12bWp_VWpJjdQ" title="Dependencies Young vs. Old"><img src="http://charts7.excelcharts.com/blog/wp-content/uploads/2008/04/dependencies1.png" alt="Dependencies Young vs. Old" /></a></p>
| |
− | <p>If you click a specific country a persistent label will allow you to track its evolution.</p>
| |
− | <p>If you want to play with the chart click on it to go to the published spreadsheet or follow <a href="http://spreadsheets.google.com/pub?key=pefjvshKHZ12bWp_VWpJjdQ">this link</a>. <em>[Update: you could play with the chart directly in the post but I was getting some problems with Microsoft Explorer so I decided to remove it.]</em></p>
| |
− | <p>If you are not familiar with the demographic concepts, this is what you need to know to understand the chart:</p>
| |
− | <ul>
| |
− | <li><strong>Old dependency ratio:</strong> ratio between population 65+ years old / adult population (15-64 yeas old);</li>
| |
− | <li><strong>Young dependency ratio:</strong> ratio between population 0-14 years old / adult population (15-64 yeas old);</li>
| |
− | <li><strong>Total dependency ratio</strong> is the sum of the above two.</li>
| |
− | </ul><div class="sharedaddy sd-sharing-enabled"><div class="robots-nocontent sd-block sd-social sd-social-official sd-sharing"><h3 class="sd-title">Please share:</h3><div class="sd-content"><ul><li class="share-email"><a rel="nofollow" class="share-email sd-button" href="http://www.excelcharts.com/blog/google-motion-chart-api-visualization-population-trends/?share=email" title="Click to email this to a friend"><span>Email</span></a></li><li class="share-twitter"><div class="twitter_button"><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html?url=http%3A%2F%2Fwww.excelcharts.com%2Fblog%2Fgoogle-motion-chart-api-visualization-population-trends%2F&counturl=http%3A%2F%2Fwww.excelcharts.com%2Fblog%2Fgoogle-motion-chart-api-visualization-population-trends%2F&count=horizontal&text=Using%20Google%26%23039%3Bs%20Motion%20Chart%20to%20visualize%20population%20trends%3A" style="width:101px; height:20px;"></iframe></div></li><li class="share-linkedin"><div class="linkedin_button"><script type="in/share" data-url="http://www.excelcharts.com/blog/google-motion-chart-api-visualization-population-trends/" data-counter="right"></script></div></li><li class="share-facebook"><div class="like_button"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.excelcharts.com%2Fblog%2Fgoogle-motion-chart-api-visualization-population-trends%2F&layout=button_count&show_faces=false&action=like&colorscheme=light&height=21&locale=en_US&width=90" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:96px; height:21px;" allowTransparency="true"></iframe></div></li><li class="share-pinterest"><div class="pinterest_button"><a href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.excelcharts.com%2Fblog%2Fgoogle-motion-chart-api-visualization-population-trends%2F&description=Using%20Google%26%23039%3Bs%20Motion%20Chart%20to%20visualize%20population%20trends&media=http%3A%2F%2Fwww.excelcharts.com%2Fblog%2Fwp-content%2Fuploads%2F2008%2F04%2Fdependencies1.png" class="pin-it-button" count-layout="horizontal"> Pin It</a></div></li><li class="share-google-plus-1"><div class="googleplus1_button"><div class="g-plusone" data-size="medium" data-callback="sharing_plusone" data-href="http://www.excelcharts.com/blog/google-motion-chart-api-visualization-population-trends/"></div></div></li><li class="share-reddit"><div class="reddit_button"><iframe src="http://www.reddit.com/static/button/button1.html?width=120&url=http%3A%2F%2Fwww.excelcharts.com%2Fblog%2Fgoogle-motion-chart-api-visualization-population-trends%2F&title=Using%20Google%26%23039%3Bs%20Motion%20Chart%20to%20visualize%20population%20trends" height="22" width="120" scrolling="no" frameborder="0"></iframe></div></li><li><a href="#" class="sharing-anchor sd-button share-more"><span>More</span></a></li><li class="share-end"></li></ul><div class="sharing-hidden"><div class="inner" style="display: none;"><ul><li class="share-digg"><div class="digg_button"><a rel="nofollow" class="DiggThisButton DiggCompact share-digg sd-button" href="http://digg.com/submit?url=http%3A%2F%2Fwww.excelcharts.com%2Fblog%2Fgoogle-motion-chart-api-visualization-population-trends%2F&title=Using%20Google%26%23039%3Bs%20Motion%20Chart%20to%20visualize%20population%20trends" title="Click to Digg this post"><span>Digg</span></a></div></li><li class="share-stumbleupon"><div class="stumbleupon_button"><iframe src="http://www.stumbleupon.com/badge/embed/1/?url=http%3A%2F%2Fwww.excelcharts.com%2Fblog%2Fgoogle-motion-chart-api-visualization-population-trends%2F&title=Using%20Google%26%23039%3Bs%20Motion%20Chart%20to%20visualize%20population%20trends" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:74px; height: 18px;" allowTransparency="true"></iframe></div></li><li class="share-end"></li><li class="share-tumblr"><a target="" href="http://www.tumblr.com/share/link/?url=http%3A%2F%2Fwww.excelcharts.com%2Fblog%2Fgoogle-motion-chart-api-visualization-population-trends%2F&name=Using%20Google%26%23039%3Bs%20Motion%20Chart%20to%20visualize%20population%20trends" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:62px; height:20px; background:url('http://platform.tumblr.com/v1/share_2.png') top left no-repeat transparent;">Share on Tumblr</a></li><li class="share-print"><a rel="nofollow" class="share-print sd-button" href="http://www.excelcharts.com/blog/google-motion-chart-api-visualization-population-trends/#print" title="Click to print"><span>Print</span></a>
| |
− |
| |
− | </html>
| |
| | | |
| [[category:sync]] | | [[category:sync]] |
The Knowledge Platform will ensure sustainability, dissemination and appropriate capitalization of project outputs and results
across the SEE area, as well as in the networks that the project will establish exchanges with.