{"id":14216,"date":"2016-10-18T00:10:00","date_gmt":"2016-10-17T22:10:00","guid":{"rendered":"http:\/\/www.numlock.edu.pl\/blog\/2016\/10\/18\/eksplorator-danych-publicznych-umiesc-zywe-dane-w-blogu\/"},"modified":"2016-10-18T00:10:00","modified_gmt":"2016-10-17T22:10:00","slug":"eksplorator-danych-publicznych-umiesc-zywe-dane-w-blogu","status":"publish","type":"post","link":"http:\/\/www.numlock.edu.pl\/blog\/2016\/10\/18\/eksplorator-danych-publicznych-umiesc-zywe-dane-w-blogu\/","title":{"rendered":"Eksplorator danych publicznych &#8211; umie\u015b\u0107 \u017cywe dane w blogu"},"content":{"rendered":"<p>Ods\u0142ony: 41<\/p><p>W <a href=\"http:\/\/pracujzglowa.blogspot.com\/2016\/07\/co-mowi-google-o-naszym-bogactwie.html\" target=\"_blank\">osobnym wpisie<\/a> pokazali\u015bmy, jak pos\u0142u\u017cy\u0107 si\u0119 \u017cywymi danymi statystycznymi wy\u015bwietlanymi za pomoc\u0105 us\u0142ugi Eksplorator Danych Publicznych (po angielsku Google Public Data Explorer). Dane takie mo\u017cemy nie tylko ogl\u0105da\u0107 w interfejsie Eksploratora, ale te\u017c umieszcza\u0107 je (osadza\u0107) w blogach czy witrynach, kt\u00f3re dopuszczaj\u0105 wstawianie kodu tzw. p\u0142ywaj\u0105cej ramki, czyli <i>iframe<\/i>. Pozwala na to m.in. system blogowy Blogger, aczkolwiek wy\u015bwietla przy tym ostrze\u017cenie o mo\u017cliwych problemach z wy\u015bwietlaniem ze wzgl\u0119du na bezpiecze\u0144stwo.<\/p>\n<div style=\"background-color: whitesmoke; border-radius: 10px; box-shadow: 4px 4px 7px #182019; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; width: 500px;\"><b>Narz\u0119dzie<\/b>:&nbsp;<span style=\"font-family: &quot;&quot;;\">Eksplorator Danych Publicznych<\/span><br \/><b>Kategoria<\/b>: Bazy danych<br \/><b>Temat<\/b>: Wstawianie interaktywnych danych statystycznych do blogu lub witryny<br \/><b>Poziom trudno\u015bci<\/b>: 2\/3<br \/><b>Wielko\u015b\u0107 dokumentu<\/b>: ok. 2200 znak\u00f3w, 1 ilustracja, 1 interaktywny wykres<\/div>\n<p>Po zaprojektowaniu wykresu w interfejsie EDP, musimy klikn\u0105\u0107 przycisk z miniaturk\u0105 \u0142a\u0144cuszka widoczny w prawym g\u00f3rnym rogu wykresu.<\/p>\n<p><a href=\"https:\/\/www.blogger.com\/null\" name=\"more\"><\/a><br \/><a name='more'><\/a><\/p>\n<div style=\"clear: both; text-align: center;\"><a href=\"https:\/\/4.bp.blogspot.com\/-2N2xQK-Hc3Q\/V4AX-zCDn9I\/AAAAAAAAcyQ\/eUCrndo8EEcz6GMErPNU36pfMwrOIKC1wCLcB\/s1600\/GPDEosadzanie01.png\" style=\"margin-left: 1em; margin-right: 1em;\"><img decoding=\"async\" border=\"0\" src=\"https:\/\/4.bp.blogspot.com\/-2N2xQK-Hc3Q\/V4AX-zCDn9I\/AAAAAAAAcyQ\/eUCrndo8EEcz6GMErPNU36pfMwrOIKC1wCLcB\/s1600\/GPDEosadzanie01.png\" \/><\/a><\/div>\n<p>Zaznaczony blokiem kod p\u0142ywaj\u0105cej ramki musimy skopiowa\u0107 do schowka i wstawi\u0107 do kodu \u017ar\u00f3d\u0142owego strony internetowej czy blogu. W naszym przypadku &#8211; wykres dotyczy zmian wielkosci Produktu Krajowego Brutto kilku kraj\u00f3w europejskich na przestrzeni 24 lat &#8211; kod ten wygl\u0105da nast\u0119puj\u0105co:<\/p>\n<p>&lt;iframe width=&#8221;400&#8243; height=&#8221;325&#8243; frameborder=&#8221;0&#8243; scrolling=&#8221;no&#8221; marginwidth=&#8221;0&#8243; marginheight=&#8221;0&#8243; src=&#8221;http:\/\/www.google.pl\/publicdata\/embed?ds=d5bncppjof8f9_&amp;amp;ctype=l&amp;amp;strail=false&amp;amp;bcs=d&amp;amp;nselm=h&amp;amp;met_y=ny_gdp_pcap_pp_kd&amp;amp;scale_y=lin&amp;amp;ind_y=false&amp;amp;rdim=region&amp;amp;idim=country:POL:HUN:GBR:DEU:GRC:FRA:ESP:PRT:CZE:ITA&amp;amp;ifdim=region&amp;amp;tstart=647388000000&amp;amp;tend=1404770400000&amp;amp;hl=pl&amp;amp;dl=pl&amp;amp;ind=false&#8221;&gt;&lt;\/iframe&gt;<\/p>\n<p>Po osadzeniu go powinien si\u0119 ukaza\u0107 interfejs EDP z wykresem. Zwr\u00f3\u0107 uwag\u0119, \u017ce ramka ma domy\u015bln\u0105 szeroko\u015b\u0107 400 pikseli (<i>width<\/i>) i wysoko\u015b\u0107 325 pikseli (<i>height<\/i>). Mo\u017cesz to naturalnie r\u0119cznie zmodyfikowa\u0107, dostosowuj\u0105c parametry wy\u015bwietlania wykresu do strony czy wpisu w blogu.. Mo\u017cesz zreszt\u0105 zmieni\u0107 zawarto\u015b\u0107 wykresu i ponownie osadzi\u0107 go we wpisie.<\/p>\n<p><iframe loading=\"lazy\" frameborder=\"0\" height=\"600\" marginheight=\"0\" marginwidth=\"0\" scrolling=\"no\" src=\"http:\/\/www.google.pl\/publicdata\/embed?ds=d5bncppjof8f9_&amp;ctype=l&amp;strail=false&amp;bcs=d&amp;nselm=h&amp;met_y=ny_gdp_pcap_pp_kd&amp;scale_y=lin&amp;ind_y=false&amp;rdim=region&amp;idim=country:POL:HUN:GBR:DEU:GRC:FRA:ESP:PRT:CZE:ITA&amp;ifdim=region&amp;tstart=647388000000&amp;tend=1404770400000&amp;hl=pl&amp;dl=pl&amp;ind=false\" width=\"700\"><\/iframe> <br \/>Wykres jest interaktywny &#8211; reaguje na przesuwanie kursora myszy nad nazwy pa\u0144stw czy odpowiadaj\u0105ce im linie. Klikni\u0119cie linku <b>Eksploruj dane<\/b>&nbsp;w dolnym prawym rogu powoduje przej\u015bcie do wykresu w oryginalnym interfejsie EDP.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ods\u0142ony: 41W osobnym wpisie pokazali\u015bmy, jak pos\u0142u\u017cy\u0107 si\u0119 \u017cywymi danymi statystycznymi wy\u015bwietlanymi za pomoc\u0105 us\u0142ugi Eksplorator Danych Publicznych (po angielsku Google Public Data Explorer). Dane takie mo\u017cemy nie tylko ogl\u0105da\u0107 w interfejsie Eksploratora, ale te\u017c umieszcza\u0107 je (osadza\u0107) w blogach czy witrynach, kt\u00f3re dopuszczaj\u0105 wstawianie kodu tzw. p\u0142ywaj\u0105cej ramki, czyli &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[116,115,112,114,113],"tags":[],"_links":{"self":[{"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/posts\/14216"}],"collection":[{"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/comments?post=14216"}],"version-history":[{"count":0,"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/posts\/14216\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/media?parent=14216"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/categories?post=14216"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.numlock.edu.pl\/blog\/wp-json\/wp\/v2\/tags?post=14216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}