{"id":1567,"date":"2017-01-10T08:40:28","date_gmt":"2017-01-10T08:40:28","guid":{"rendered":"http:\/\/datablog.cde.unibe.ch\/?page_id=1567"},"modified":"2017-03-14T08:15:16","modified_gmt":"2017-03-14T08:15:16","slug":"tutorials","status":"publish","type":"page","link":"https:\/\/datablog.cde.unibe.ch\/index.php\/tutorials\/","title":{"rendered":"Tutorials"},"content":{"rendered":"<span class=\"highlighted-p highlighted-p--boxed\" style=\"\"><br \/>\n<div class=\"row \" style=\"\"><div class=\"row__inwrap\"><div class=\"column-wrap\">\n    <div class=\"column--1-3\"><a href=\"http:\/\/data-map-d3.readthedocs.io\/en\/latest\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/datablog.cde.unibe.ch\/wp-content\/uploads\/Tutorial_lukas-300x110.jpg\" alt=\"\" width=\"300\" height=\"110\" class=\"aligncenter size-medium wp-image-1568\" srcset=\"https:\/\/datablog.cde.unibe.ch\/wp-content\/uploads\/Tutorial_lukas-300x110.jpg 300w, https:\/\/datablog.cde.unibe.ch\/wp-content\/uploads\/Tutorial_lukas-768x282.jpg 768w, https:\/\/datablog.cde.unibe.ch\/wp-content\/uploads\/Tutorial_lukas-400x147.jpg 400w, https:\/\/datablog.cde.unibe.ch\/wp-content\/uploads\/Tutorial_lukas-600x220.jpg 600w, https:\/\/datablog.cde.unibe.ch\/wp-content\/uploads\/Tutorial_lukas.jpg 975w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/a><\/div>\n    <div class=\"column--2-3\">\n<h5>Simple data map using D3<\/h5>\n<p>This tutorial covers the steps taken to create a simple interactive data map using D3.js. The procedure works for different data sets. This tutorial was created by Lukas Vonlanthen for the <a href=\"http:\/\/www.webmap.unibe.ch\/\" target=\"_blank\">webmap workshop<\/a> held on 20\u201321 January 2016 at the University of Bern.<\/div>\n<\/div><\/div><\/div>\n<div class=\"row \" style=\"\"><div class=\"row__inwrap\"><div class=\"column-wrap\">\n<div class=\"column--1-3\"><a href=\"http:\/\/data-map-d3.readthedocs.io\/en\/latest\/\" target=\"_blank\" class=\"button  button--medium button--solid\">Start Tutorial<\/a><\/div>\n    <div class=\"column--2-3\"><\/div>\n<\/div><\/div><\/div>\n<\/span>\n<span class=\"highlighted-p highlighted-p--boxed\" style=\"\"><br \/>\n<div class=\"row \" style=\"\"><div class=\"row__inwrap\"><div class=\"column-wrap\">\n    <div class=\"column--1-3\"><a href=\"http:\/\/bl.ocks.org\/CDEdata\/af19a1a63b69406ebe7161bfbe08c088\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/datablog.cde.unibe.ch\/wp-content\/uploads\/bartutorial-300x210.png\" alt=\"\" width=\"300\" height=\"210\" class=\"aligncenter size-medium wp-image-1631\" srcset=\"https:\/\/datablog.cde.unibe.ch\/wp-content\/uploads\/bartutorial-300x210.png 300w, https:\/\/datablog.cde.unibe.ch\/wp-content\/uploads\/bartutorial-400x280.png 400w, https:\/\/datablog.cde.unibe.ch\/wp-content\/uploads\/bartutorial-600x420.png 600w, https:\/\/datablog.cde.unibe.ch\/wp-content\/uploads\/bartutorial.png 692w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/div>\n    <div class=\"column--2-3\">\n<h5>Simple bar chart using D3<\/h5>\n<p>This tutorial shows how to read a d3.js code presented on <a href=\"https:\/\/bl.ocks.org\/\" target=\"_blank\">bl.ocks.org<\/a>. This tutorial was created by Christoph Bader for the <a href=\"https:\/\/www.sciencecomm.ch\/de\/sciencecomm-16\/\" target=\"_blank\">ScienceComm&#8217; Conference<\/a> held on 22\u201323 September 2016 in Grandson.<\/div>\n<\/div><\/div><\/div>\n<div class=\"row \" style=\"\"><div class=\"row__inwrap\"><div class=\"column-wrap\">\n<div class=\"column--1-3\"><a href=\"http:\/\/bl.ocks.org\/CDEdata\/af19a1a63b69406ebe7161bfbe08c088\" target=\"_blank\" class=\"button  button--medium button--solid\">Start Tutorial<\/a><\/div>\n    <div class=\"column--2-3\"><\/div>\n<\/div><\/div><\/div>\n<\/span>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"class_list":["post-1567","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tutorials - CDEdatablog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/datablog.cde.unibe.ch\/index.php\/tutorials\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tutorials - CDEdatablog\" \/>\n<meta property=\"og:url\" content=\"https:\/\/datablog.cde.unibe.ch\/index.php\/tutorials\/\" \/>\n<meta property=\"og:site_name\" content=\"CDEdatablog\" \/>\n<meta property=\"article:modified_time\" content=\"2017-03-14T08:15:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/datablog.cde.unibe.ch\/wp-content\/uploads\/Tutorial_lukas-300x110.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@CDEdata\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/datablog.cde.unibe.ch\/index.php\/tutorials\/\",\"url\":\"https:\/\/datablog.cde.unibe.ch\/index.php\/tutorials\/\",\"name\":\"Tutorials - CDEdatablog\",\"isPartOf\":{\"@id\":\"https:\/\/datablog.cde.unibe.ch\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/datablog.cde.unibe.ch\/index.php\/tutorials\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/datablog.cde.unibe.ch\/index.php\/tutorials\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/datablog.cde.unibe.ch\/wp-content\/uploads\/Tutorial_lukas-300x110.jpg\",\"datePublished\":\"2017-01-10T08:40:28+00:00\",\"dateModified\":\"2017-03-14T08:15:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/datablog.cde.unibe.ch\/index.php\/tutorials\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/datablog.cde.unibe.ch\/index.php\/tutorials\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/datablog.cde.unibe.ch\/index.php\/tutorials\/#primaryimage\",\"url\":\"https:\/\/datablog.cde.unibe.ch\/wp-content\/uploads\/Tutorial_lukas.jpg\",\"contentUrl\":\"https:\/\/datablog.cde.unibe.ch\/wp-content\/uploads\/Tutorial_lukas.jpg\",\"width\":975,\"height\":358},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/datablog.cde.unibe.ch\/index.php\/tutorials\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/datablog.cde.unibe.ch\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutorials\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/datablog.cde.unibe.ch\/#website\",\"url\":\"https:\/\/datablog.cde.unibe.ch\/\",\"name\":\"CDEdatablog\",\"description\":\"Engage in Sustainable Development\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/datablog.cde.unibe.ch\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tutorials - CDEdatablog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/datablog.cde.unibe.ch\/index.php\/tutorials\/","og_locale":"en_US","og_type":"article","og_title":"Tutorials - CDEdatablog","og_url":"https:\/\/datablog.cde.unibe.ch\/index.php\/tutorials\/","og_site_name":"CDEdatablog","article_modified_time":"2017-03-14T08:15:16+00:00","og_image":[{"url":"https:\/\/datablog.cde.unibe.ch\/wp-content\/uploads\/Tutorial_lukas-300x110.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@CDEdata","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/datablog.cde.unibe.ch\/index.php\/tutorials\/","url":"https:\/\/datablog.cde.unibe.ch\/index.php\/tutorials\/","name":"Tutorials - CDEdatablog","isPartOf":{"@id":"https:\/\/datablog.cde.unibe.ch\/#website"},"primaryImageOfPage":{"@id":"https:\/\/datablog.cde.unibe.ch\/index.php\/tutorials\/#primaryimage"},"image":{"@id":"https:\/\/datablog.cde.unibe.ch\/index.php\/tutorials\/#primaryimage"},"thumbnailUrl":"https:\/\/datablog.cde.unibe.ch\/wp-content\/uploads\/Tutorial_lukas-300x110.jpg","datePublished":"2017-01-10T08:40:28+00:00","dateModified":"2017-03-14T08:15:16+00:00","breadcrumb":{"@id":"https:\/\/datablog.cde.unibe.ch\/index.php\/tutorials\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/datablog.cde.unibe.ch\/index.php\/tutorials\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/datablog.cde.unibe.ch\/index.php\/tutorials\/#primaryimage","url":"https:\/\/datablog.cde.unibe.ch\/wp-content\/uploads\/Tutorial_lukas.jpg","contentUrl":"https:\/\/datablog.cde.unibe.ch\/wp-content\/uploads\/Tutorial_lukas.jpg","width":975,"height":358},{"@type":"BreadcrumbList","@id":"https:\/\/datablog.cde.unibe.ch\/index.php\/tutorials\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/datablog.cde.unibe.ch\/"},{"@type":"ListItem","position":2,"name":"Tutorials"}]},{"@type":"WebSite","@id":"https:\/\/datablog.cde.unibe.ch\/#website","url":"https:\/\/datablog.cde.unibe.ch\/","name":"CDEdatablog","description":"Engage in Sustainable Development","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/datablog.cde.unibe.ch\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/datablog.cde.unibe.ch\/index.php\/wp-json\/wp\/v2\/pages\/1567","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/datablog.cde.unibe.ch\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/datablog.cde.unibe.ch\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/datablog.cde.unibe.ch\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/datablog.cde.unibe.ch\/index.php\/wp-json\/wp\/v2\/comments?post=1567"}],"version-history":[{"count":10,"href":"https:\/\/datablog.cde.unibe.ch\/index.php\/wp-json\/wp\/v2\/pages\/1567\/revisions"}],"predecessor-version":[{"id":1632,"href":"https:\/\/datablog.cde.unibe.ch\/index.php\/wp-json\/wp\/v2\/pages\/1567\/revisions\/1632"}],"wp:attachment":[{"href":"https:\/\/datablog.cde.unibe.ch\/index.php\/wp-json\/wp\/v2\/media?parent=1567"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}