{"id":1621,"date":"2013-11-05T16:45:51","date_gmt":"2013-11-05T14:45:51","guid":{"rendered":"https:\/\/www.ideematic.com\/actualites\/?p=1621"},"modified":"2024-02-09T10:58:10","modified_gmt":"2024-02-09T09:58:10","slug":"apres-la-vie-il-y-a-la-mort-et-vice-versa","status":"publish","type":"post","link":"https:\/\/www.ideematic.com\/actualites\/2013\/11\/apres-la-vie-il-y-a-la-mort-et-vice-versa\/","title":{"rendered":"Apr\u00e8s la vie, il y a la mort\u2026 et vice-versa!"},"content":{"rendered":"

[vc_row][vc_column][vc_column_text]La petite trouvaille de la semaine, il s’agit d’une carte du monde affichant les naissances et les d\u00e9c\u00e8s en temps r\u00e9el!<\/p>\n

Bon, ne nous ne emballons pas trop vite, nous sommes encore loin d’une invention incroyable tir\u00e9e d’un film de science-fiction. Il ne s’agit que d’un simulateur, mais qui reste fid\u00e8le aux nombres de morts\/naissances selon les pays.<\/p>\n

<\/p>\n

R\u00e9sultat tout de m\u00eame impressionnant lorsque l’on se rend compte qu’\u00e0 la seule lecture de cette phrase; 7 personnes sont mortes et 18 naissances ont eu lieu!<\/p>\n

Les cr\u00e9ateurs, Brad Lyon, titulaire d’un doctorat en math\u00e9matiques et Bill Snebold; designer, ont souhait\u00e9 repr\u00e9senter plus concr\u00e8tement ce rapport natalit\u00e9\/d\u00e9c\u00e8s par l’interm\u00e9diaire des nouvelles technologies.<\/p>\n

Ce travail a \u00e9t\u00e9 possible gr\u00e2ce \u00e0 l’outil D3.jvs (Data-Driven Documents), librairie graphique JavaScript.<\/p>\n

La librairie D3 est int\u00e9gr\u00e9e dans une page web HTML et permet de lier des donn\u00e9es \u00e0 un mod\u00e8le DOM (Document Object). Une fois fait, vos donn\u00e9es sont anim\u00e9es selon la repr\u00e9sentation graphique choisie et peuvent \u00eatre accompagn\u00e9es de transitions, d’effets dynamiques, d’infobulles. Elle utilise les fonctionnalit\u00e9s de normes web HTML5, CSS3 et SVG (Scalable Vector Graphics). D3 se montre d’une \u00e9tonnante souplesse et fluidit\u00e9 compte tenu des grands ensembles de donn\u00e9es manipul\u00e9s, combin\u00e9s aux comportements dynamiques d’interaction et d’animation.<\/p>\n

Site officiel : http:\/\/d3js.org\/<\/a><\/p>\n

Plus d’exemples : https:\/\/github.com\/mbostock\/d3\/wiki\/Gallery<\/a><\/p>\n

[iframe src=\u00a0\u00bbhttp:\/\/cdn.theatlantic.com\/static\/newsroom\/interactives\/2013\/10\/death-map\/index.html?v=1″ height=\u00a0\u00bb1110″ width=\u00a0\u00bb600″ frameborder=\u00a0\u00bb0″ marginwidth=\u00a0\u00bb0″ marginheight=\u00a0\u00bb0″ scrolling=\u00a0\u00bbno\u00a0\u00bb][\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

[vc_row][vc_column][vc_column_text]La petite trouvaille de la semaine, il s’agit d’une carte du monde affichant les naissances et les d\u00e9c\u00e8s en temps r\u00e9el! Bon, ne nous ne emballons pas trop vite, nous sommes encore loin d’une invention incroyable tir\u00e9e d’un film de science-fiction. Il ne s’agit que d’un simulateur, mais qui reste fid\u00e8le aux nombres de morts\/naissances […]<\/p>\n","protected":false},"author":5,"featured_media":1658,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[28],"tags":[43,350],"class_list":["post-1621","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-culture-web","tag-javascript","tag-d3"],"acf":[],"yoast_head":"\nApr\u00e8s la vie, il y a la mort\u2026 et vice-versa! - Id\u00e9ematic<\/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:\/\/www.ideematic.com\/actualites\/2013\/11\/apres-la-vie-il-y-a-la-mort-et-vice-versa\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Apr\u00e8s la vie, il y a la mort\u2026 et vice-versa! - Id\u00e9ematic\" \/>\n<meta property=\"og:description\" content=\"[vc_row][vc_column][vc_column_text]La petite trouvaille de la semaine, il s’agit d’une carte du monde affichant les naissances et les d\u00e9c\u00e8s en temps r\u00e9el! Bon, ne nous ne emballons pas trop vite, nous sommes encore loin d’une invention incroyable tir\u00e9e d’un film de science-fiction. Il ne s’agit que d’un simulateur, mais qui reste fid\u00e8le aux nombres de morts\/naissances […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ideematic.com\/actualites\/2013\/11\/apres-la-vie-il-y-a-la-mort-et-vice-versa\/\" \/>\n<meta property=\"og:site_name\" content=\"Id\u00e9ematic\" \/>\n<meta property=\"article:published_time\" content=\"2013-11-05T14:45:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-09T09:58:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.ideematic.com\/wp-content\/uploads\/2013\/11\/Apr\u00e8s-la-vie-la-mort.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1314\" \/>\n\t<meta property=\"og:image:height\" content=\"418\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"rvalentin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"rvalentin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.ideematic.com\/actualites\/2013\/11\/apres-la-vie-il-y-a-la-mort-et-vice-versa\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.ideematic.com\/actualites\/2013\/11\/apres-la-vie-il-y-a-la-mort-et-vice-versa\/\"},\"author\":{\"name\":\"rvalentin\",\"@id\":\"https:\/\/www.ideematic.com\/#\/schema\/person\/396743a3e5b9950a2073ba7772cf9007\"},\"headline\":\"Apr\u00e8s la vie, il y a la mort\u2026 et vice-versa!\",\"datePublished\":\"2013-11-05T14:45:51+00:00\",\"dateModified\":\"2024-02-09T09:58:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.ideematic.com\/actualites\/2013\/11\/apres-la-vie-il-y-a-la-mort-et-vice-versa\/\"},\"wordCount\":291,\"publisher\":{\"@id\":\"https:\/\/www.ideematic.com\/#organization\"},\"keywords\":[\"javascript\",\"D3\"],\"articleSection\":[\"Culture web\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.ideematic.com\/actualites\/2013\/11\/apres-la-vie-il-y-a-la-mort-et-vice-versa\/\",\"url\":\"https:\/\/www.ideematic.com\/actualites\/2013\/11\/apres-la-vie-il-y-a-la-mort-et-vice-versa\/\",\"name\":\"Apr\u00e8s la vie, il y a la mort\u2026 et vice-versa! - Id\u00e9ematic\",\"isPartOf\":{\"@id\":\"https:\/\/www.ideematic.com\/#website\"},\"datePublished\":\"2013-11-05T14:45:51+00:00\",\"dateModified\":\"2024-02-09T09:58:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.ideematic.com\/actualites\/2013\/11\/apres-la-vie-il-y-a-la-mort-et-vice-versa\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.ideematic.com\/actualites\/2013\/11\/apres-la-vie-il-y-a-la-mort-et-vice-versa\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.ideematic.com\/actualites\/2013\/11\/apres-la-vie-il-y-a-la-mort-et-vice-versa\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/www.ideematic.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Culture web\",\"item\":\"https:\/\/www.ideematic.com\/actualites\/category\/culture-web\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Apr\u00e8s la vie, il y a la mort\u2026 et vice-versa!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.ideematic.com\/#website\",\"url\":\"https:\/\/www.ideematic.com\/\",\"name\":\"Id\u00e9ematic\",\"description\":\"Id\u00e9ematic est une agence digitale \u00e0 Strasbourg et Paris\",\"publisher\":{\"@id\":\"https:\/\/www.ideematic.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.ideematic.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.ideematic.com\/#organization\",\"name\":\"Id\u00e9ematic\",\"url\":\"https:\/\/www.ideematic.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.ideematic.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.ideematic.com\/wp-content\/uploads\/2017\/12\/agence-react-native-ruby-on-rails.png\",\"contentUrl\":\"https:\/\/www.ideematic.com\/wp-content\/uploads\/2017\/12\/agence-react-native-ruby-on-rails.png\",\"width\":1200,\"height\":500,\"caption\":\"Id\u00e9ematic\"},\"image\":{\"@id\":\"https:\/\/www.ideematic.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.ideematic.com\/#\/schema\/person\/396743a3e5b9950a2073ba7772cf9007\",\"name\":\"rvalentin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.ideematic.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&r=g\",\"caption\":\"rvalentin\"},\"url\":\"https:\/\/www.ideematic.com\/actualites\/author\/rvalentin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Apr\u00e8s la vie, il y a la mort\u2026 et vice-versa! - Id\u00e9ematic","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:\/\/www.ideematic.com\/actualites\/2013\/11\/apres-la-vie-il-y-a-la-mort-et-vice-versa\/","og_locale":"fr_FR","og_type":"article","og_title":"Apr\u00e8s la vie, il y a la mort\u2026 et vice-versa! - Id\u00e9ematic","og_description":"[vc_row][vc_column][vc_column_text]La petite trouvaille de la semaine, il s’agit d’une carte du monde affichant les naissances et les d\u00e9c\u00e8s en temps r\u00e9el! Bon, ne nous ne emballons pas trop vite, nous sommes encore loin d’une invention incroyable tir\u00e9e d’un film de science-fiction. Il ne s’agit que d’un simulateur, mais qui reste fid\u00e8le aux nombres de morts\/naissances […]","og_url":"https:\/\/www.ideematic.com\/actualites\/2013\/11\/apres-la-vie-il-y-a-la-mort-et-vice-versa\/","og_site_name":"Id\u00e9ematic","article_published_time":"2013-11-05T14:45:51+00:00","article_modified_time":"2024-02-09T09:58:10+00:00","og_image":[{"width":1314,"height":418,"url":"https:\/\/www.ideematic.com\/wp-content\/uploads\/2013\/11\/Apr\u00e8s-la-vie-la-mort.jpg","type":"image\/jpeg"}],"author":"rvalentin","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"rvalentin","Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.ideematic.com\/actualites\/2013\/11\/apres-la-vie-il-y-a-la-mort-et-vice-versa\/#article","isPartOf":{"@id":"https:\/\/www.ideematic.com\/actualites\/2013\/11\/apres-la-vie-il-y-a-la-mort-et-vice-versa\/"},"author":{"name":"rvalentin","@id":"https:\/\/www.ideematic.com\/#\/schema\/person\/396743a3e5b9950a2073ba7772cf9007"},"headline":"Apr\u00e8s la vie, il y a la mort\u2026 et vice-versa!","datePublished":"2013-11-05T14:45:51+00:00","dateModified":"2024-02-09T09:58:10+00:00","mainEntityOfPage":{"@id":"https:\/\/www.ideematic.com\/actualites\/2013\/11\/apres-la-vie-il-y-a-la-mort-et-vice-versa\/"},"wordCount":291,"publisher":{"@id":"https:\/\/www.ideematic.com\/#organization"},"keywords":["javascript","D3"],"articleSection":["Culture web"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/www.ideematic.com\/actualites\/2013\/11\/apres-la-vie-il-y-a-la-mort-et-vice-versa\/","url":"https:\/\/www.ideematic.com\/actualites\/2013\/11\/apres-la-vie-il-y-a-la-mort-et-vice-versa\/","name":"Apr\u00e8s la vie, il y a la mort\u2026 et vice-versa! - Id\u00e9ematic","isPartOf":{"@id":"https:\/\/www.ideematic.com\/#website"},"datePublished":"2013-11-05T14:45:51+00:00","dateModified":"2024-02-09T09:58:10+00:00","breadcrumb":{"@id":"https:\/\/www.ideematic.com\/actualites\/2013\/11\/apres-la-vie-il-y-a-la-mort-et-vice-versa\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ideematic.com\/actualites\/2013\/11\/apres-la-vie-il-y-a-la-mort-et-vice-versa\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.ideematic.com\/actualites\/2013\/11\/apres-la-vie-il-y-a-la-mort-et-vice-versa\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.ideematic.com\/"},{"@type":"ListItem","position":2,"name":"Culture web","item":"https:\/\/www.ideematic.com\/actualites\/category\/culture-web\/"},{"@type":"ListItem","position":3,"name":"Apr\u00e8s la vie, il y a la mort\u2026 et vice-versa!"}]},{"@type":"WebSite","@id":"https:\/\/www.ideematic.com\/#website","url":"https:\/\/www.ideematic.com\/","name":"Id\u00e9ematic","description":"Id\u00e9ematic est une agence digitale \u00e0 Strasbourg et Paris","publisher":{"@id":"https:\/\/www.ideematic.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.ideematic.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.ideematic.com\/#organization","name":"Id\u00e9ematic","url":"https:\/\/www.ideematic.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.ideematic.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.ideematic.com\/wp-content\/uploads\/2017\/12\/agence-react-native-ruby-on-rails.png","contentUrl":"https:\/\/www.ideematic.com\/wp-content\/uploads\/2017\/12\/agence-react-native-ruby-on-rails.png","width":1200,"height":500,"caption":"Id\u00e9ematic"},"image":{"@id":"https:\/\/www.ideematic.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.ideematic.com\/#\/schema\/person\/396743a3e5b9950a2073ba7772cf9007","name":"rvalentin","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.ideematic.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/?s=96&r=g","caption":"rvalentin"},"url":"https:\/\/www.ideematic.com\/actualites\/author\/rvalentin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.ideematic.com\/wp-json\/wp\/v2\/posts\/1621","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ideematic.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ideematic.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ideematic.com\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ideematic.com\/wp-json\/wp\/v2\/comments?post=1621"}],"version-history":[{"count":2,"href":"https:\/\/www.ideematic.com\/wp-json\/wp\/v2\/posts\/1621\/revisions"}],"predecessor-version":[{"id":9928,"href":"https:\/\/www.ideematic.com\/wp-json\/wp\/v2\/posts\/1621\/revisions\/9928"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ideematic.com\/wp-json\/wp\/v2\/media\/1658"}],"wp:attachment":[{"href":"https:\/\/www.ideematic.com\/wp-json\/wp\/v2\/media?parent=1621"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ideematic.com\/wp-json\/wp\/v2\/categories?post=1621"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ideematic.com\/wp-json\/wp\/v2\/tags?post=1621"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}