{"id":2935,"date":"2011-12-14T20:59:53","date_gmt":"2011-12-14T18:59:53","guid":{"rendered":"http:\/\/alpoma.net\/carto\/?p=2935"},"modified":"2011-12-14T20:59:53","modified_gmt":"2011-12-14T18:59:53","slug":"planifica-las-vacaciones-con-html5-y-svg","status":"publish","type":"post","link":"https:\/\/alpoma.net\/carto\/?p=2935","title":{"rendered":"Planifica las vacaciones&#8230; con HTML5 y SVG"},"content":{"rendered":"<p>Este es un ejemplo reci\u00e9n salido del horno sobre la <strong>utilizaci\u00f3n de HTML 5 y gr\u00e1ficos SVG para crear cartograf\u00edas interactivas online<\/strong>. Vamos, adi\u00f3s Flash&#8230; y no me causa ninguna pena. Hay mucho camino por recorrer, pero creo que se camina en el sentido correcto. En concreto, este mapa de Europa pretende mostrar las horas de sol, temperaturas locales y otros datos similares que podr\u00edan ser de inter\u00e9s a la hora de planificar unas vacaciones a lo largo del a\u00f1o. En realidad el tema es lo de menos, lo que me atrae es c\u00f3mo est\u00e1 construido. \ud83d\ude09<\/p>\n<p><strong><a href=\"http:\/\/www.thomson.co.uk\/blog\/wp-content\/uploads\/infographic\/weathermap-v8\/index.html#0MToxMnwtNDA6NDB8SmFu\">[ &#8211;> Acceder al proyecto ]<\/a><\/strong><br \/>\n<strong>Cliente<\/strong>: <a href=\"http:\/\/www.thomson.co.uk\/\">Thomson Holidays<\/a>. &#8211; <strong>Dise\u00f1ado por<\/strong>: <a href=\"http:\/\/www.distilled.net\/\">Distilled<\/a>. &#8211; <strong>V\u00eda<\/strong>: <a href=\"http:\/\/bcsmaps.blogspot.com\/2011\/12\/guest-blog-where-should-i-go-on-holiday.html\">The British Cartographic Society<\/a>.<\/p>\n<p><a href=\"http:\/\/www.flickr.com\/photos\/alpoma\/6511898471\/\" title=\"captura_proyecto by alpoma, on Flickr\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/farm8.staticflickr.com\/7146\/6511898471_53ecd5d59a_o.jpg\" width=\"620\" height=\"317\" alt=\"captura_proyecto\" class=\"otros\"\/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"mh-excerpt\"><p>Este es un ejemplo reci\u00e9n salido del horno sobre la utilizaci\u00f3n de HTML 5 y gr\u00e1ficos SVG para crear cartograf\u00edas interactivas online. Vamos, adi\u00f3s Flash&#8230; <a class=\"mh-excerpt-more\" href=\"https:\/\/alpoma.net\/carto\/?p=2935\" title=\"Planifica las vacaciones&#8230; con HTML5 y SVG\">[&#8230;]<\/a><\/p>\n<\/div>","protected":false},"author":1,"featured_media":4779,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[10],"tags":[],"class_list":["post-2935","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-experimentos"],"jetpack_featured_media_url":"https:\/\/alpoma.net\/carto\/wp-content\/uploads\/2011\/12\/6511898471_53ecd5d59a_o.jpg","jetpack_shortlink":"https:\/\/wp.me\/p93Co9-Ll","jetpack-related-posts":[{"id":1535,"url":"https:\/\/alpoma.net\/carto\/?p=1535","url_meta":{"origin":2935,"position":0},"title":"Probando indiemapper","author":"alpoma","date":"abril 19, 2010","format":false,"excerpt":"Ayer domingo, por la ma\u00f1ana, dediqu\u00e9 algo m\u00e1s de una hora a explorar esta nueva herramienta: indiemapper. Se trata de una soluci\u00f3n online, de pago, para crear mapas tem\u00e1ticos que, adem\u00e1s, ofrece un tiempo de pruebas, treinta d\u00edas, sin coste alguno, que es la forma en la que he realizado\u2026","rel":"","context":"En \u00abEn l\u00ednea\u00bb","block_context":{"text":"En l\u00ednea","link":"https:\/\/alpoma.net\/carto\/?cat=5"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1650,"url":"https:\/\/alpoma.net\/carto\/?p=1650","url_meta":{"origin":2935,"position":1},"title":"Mapas vectoriales para dise\u00f1adores, ahora en formato SVG","author":"alpoma","date":"junio 4, 2010","format":false,"excerpt":"Esta ma\u00f1ana he recibido el amable correo electr\u00f3nico de un lector italiano interesado en mi colecci\u00f3n de mapas vectoriales para dise\u00f1adores. Concretamente, me preguntaba la raz\u00f3n por la que \u00fanicamente estaban disponibles en formato EPS y no, por ejemplo, en SVG como a \u00e9l le gustar\u00eda. Tiene toda la raz\u00f3n,\u2026","rel":"","context":"En \u00abExperimentos\u00bb","block_context":{"text":"Experimentos","link":"https:\/\/alpoma.net\/carto\/?cat=10"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/alpoma.net\/carto\/wp-content\/uploads\/2010\/06\/4376867704_4e0f8b7677_o.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/alpoma.net\/carto\/wp-content\/uploads\/2010\/06\/4376867704_4e0f8b7677_o.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/alpoma.net\/carto\/wp-content\/uploads\/2010\/06\/4376867704_4e0f8b7677_o.jpg?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":1256,"url":"https:\/\/alpoma.net\/carto\/?p=1256","url_meta":{"origin":2935,"position":2},"title":"Dos herramientas para Open Street Map","author":"alpoma","date":"enero 23, 2010","format":false,"excerpt":"Existen diversas formas de exportar datos presentes en Open Street Map, con formatos diferentes y clientes de todo tipo, pero hoy me centrar\u00e9 en dos que acabo de probar. Son muy sencillos de utilizar y, para ciertas ocasiones, pueden resultar de gran utilidad. Con el interface cl\u00e1sico de Open Street\u2026","rel":"","context":"En \u00abEn l\u00ednea\u00bb","block_context":{"text":"En l\u00ednea","link":"https:\/\/alpoma.net\/carto\/?cat=5"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":563,"url":"https:\/\/alpoma.net\/carto\/?p=563","url_meta":{"origin":2935,"position":3},"title":"Buscando playa en verano","author":"alpoma","date":"junio 17, 2008","format":false,"excerpt":"En verano, quien tenga vacaciones, puede elegir muchos lugares con encanto en los que descansar. Aunque personalmente lo de ir a la playa no me ha gustado nunca, reconozco que se trata de un destino mayoritario en tiempo de verano. Para servir de ayuda a la hora de elegir las\u2026","rel":"","context":"En \u00abEn l\u00ednea\u00bb","block_context":{"text":"En l\u00ednea","link":"https:\/\/alpoma.net\/carto\/?cat=5"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6252,"url":"https:\/\/alpoma.net\/carto\/?p=6252","url_meta":{"origin":2935,"position":4},"title":"Generador de mapas pixelados","author":"alpoma","date":"septiembre 18, 2015","format":false,"excerpt":"Creado por la gente de amCharts y dotado de un motor javascript muy bien resuelto, nos llega Pixel Map Generator, una beta muy curiosa. Vale, no servir\u00e1 para crear complejos mapas con bases de datos ni hacer alg\u00fan tipo de an\u00e1lisis espacial, pero para crear presentaciones resultonas creo que es\u2026","rel":"","context":"En \u00abEn l\u00ednea\u00bb","block_context":{"text":"En l\u00ednea","link":"https:\/\/alpoma.net\/carto\/?cat=5"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/alpoma.net\/carto\/wp-content\/uploads\/2015\/09\/generador_de_mapas_pixeles_cartoteca.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/alpoma.net\/carto\/wp-content\/uploads\/2015\/09\/generador_de_mapas_pixeles_cartoteca.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/alpoma.net\/carto\/wp-content\/uploads\/2015\/09\/generador_de_mapas_pixeles_cartoteca.jpg?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":3866,"url":"https:\/\/alpoma.net\/carto\/?p=3866","url_meta":{"origin":2935,"position":5},"title":"iD, editor Javascript para OpenStreetMap","author":"alpoma","date":"marzo 20, 2013","format":false,"excerpt":"Acaba de nacer y est\u00e1 en una fase muy temprana de su desarrollo, pero promete tener un futuro venturoso. Se trata de iD, un editor para OpenStreetMap muy sencillo de utilizar construido en Javascript utilizando d3.js y SVG para la visualizaci\u00f3n cartogr\u00e1fica. Puede probarse, pero con cuidado, porque queda mucho\u2026","rel":"","context":"En \u00abExperimentos\u00bb","block_context":{"text":"Experimentos","link":"https:\/\/alpoma.net\/carto\/?cat=10"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/alpoma.net\/carto\/index.php?rest_route=\/wp\/v2\/posts\/2935","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alpoma.net\/carto\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alpoma.net\/carto\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alpoma.net\/carto\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alpoma.net\/carto\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2935"}],"version-history":[{"count":0,"href":"https:\/\/alpoma.net\/carto\/index.php?rest_route=\/wp\/v2\/posts\/2935\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alpoma.net\/carto\/index.php?rest_route=\/wp\/v2\/media\/4779"}],"wp:attachment":[{"href":"https:\/\/alpoma.net\/carto\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2935"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alpoma.net\/carto\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2935"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alpoma.net\/carto\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2935"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}