{"id":10806,"date":"2017-01-16T16:38:02","date_gmt":"2017-01-16T15:38:02","guid":{"rendered":"http:\/\/flaven.fr\/?p=10806"},"modified":"2017-01-16T16:42:21","modified_gmt":"2017-01-16T15:42:21","slug":"d3-representation-avec-d3-dun-reseau-avec-le-gouvernement-trump-comme-exemple","status":"publish","type":"post","link":"https:\/\/flaven.fr\/2017\/01\/d3-representation-avec-d3-dun-reseau-avec-le-gouvernement-trump-comme-exemple\/","title":{"rendered":"D3 &#8211; Repr\u00e9sentation avec D3 d&#8217;un r\u00e9seau avec le gouvernement Trump comme exemple"},"content":{"rendered":"<p>L&#8217;id\u00e9e m&#8217;est venu de faire la repr\u00e9sentation d&#8217;un r\u00e9seau de mani\u00e8re plus ludique. Comme toujours pour faire des repr\u00e9sentations graphiques avec des donn\u00e9es, on se tourne naturellement vers la librairie D3 qui offre de nombreux exemples.<\/p>\n<p>Afin d&#8217;illustrer cette id\u00e9e de galaxie, l&#8217;id\u00e9e de d\u00e9part \u00e9tait de montrer l&#8217;interconnexion entre les officines de l&#8217;UE et la banque d&#8217;affaires Goldman Sachs aka <code>the firm<\/code> notamment en donnant \u00e0 voir la galaxie gravitant autour de l&#8217;astre &#8220;Jos\u00e9 Manuel Dur\u00e3o Barroso&#8221;. C&#8217;est tout bonnement incroyable le va-et-vient permanent entre le top management de la banque et les plus hautes instances dirigeantes de l&#8217;UE ainsi que des pays eux-m\u00eames. Cela laisse songeur, cela r\u00e9sout en quelque sorte un suppos\u00e9 conflit d&#8217;int\u00e9r\u00eats. Ce dernier n&#8217;existe plus puisque les int\u00e9r\u00eats de la banque sont les m\u00eames que ceux des instances dirigeantes \u00e9tant compos\u00e9es par les m\u00eames individus.<\/p>\n<p>Toutefois, le cas Barroso s&#8217;est r\u00e9v\u00e9l\u00e9 bien p\u00e2lichon en comparaison de la composition du futur gouvernement des USA, orchestr\u00e9 par &#8220;jolie toup\u00e9e&#8221;.<\/p>\n<p>Il faut tout de m\u00eame relativiser la port\u00e9e de la repr\u00e9sentation, c&#8217;est plus ludique qu&#8217;instructif. Pour cela, on a pris mod\u00e8le sur une repr\u00e9sentation faite par un contributeur de D3 qui s&#8217;est amus\u00e9 \u00e0 repr\u00e9senter la galaxie des personnages Marvel.<br \/>\nA ces super-h\u00e9ros, nous avons substitu\u00e9 les membres fra\u00eechement nomm\u00e9s du gouvernement Trump en tentant de les classer par cercle d&#8217;influence.<\/p>\n<p><i>Source : d3 | Force layout with images <a href=\"http:\/\/bl.ocks.org\/eesur\/be2abfb3155a38be4de4\" target=\"_blank\">http:\/\/bl.ocks.org\/eesur\/be2abfb3155a38be4de4<\/a><\/i><\/p>\n<p>Pour collecter les donn\u00e9es, on s&#8217;est appuy\u00e9 sur deux articles, l&#8217;un du site de Politico, l&#8217;autre du site lib\u00e9ration.<\/p>\n<ul>\n<li>Donald Trump&#8217;s Cabinet-in-waiting: What we know so far<br \/><a href=\"http:\/\/www.politico.com\/blogs\/donald-trump-administration\/2016\/11\/donald-trump-cabinet-members-list-of-choices-picks-and-selections-so-far-231444\" target=\"_blank\">http:\/\/www.politico.com\/blogs\/donald-trump-administration\/2016\/11\/donald-trump-cabinet-members-list-of-choices-picks-and-selections-so-far-231444<\/a><\/li>\n<li>L\u2019\u00e9quipe Trump<br \/><a href=\"http:\/\/www.liberation.fr\/apps\/2016\/12\/equipe-trump\/\" target=\"_blank\">http:\/\/www.liberation.fr\/apps\/2016\/12\/equipe-trump\/<\/a><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"\nhttps:\/\/flaven.fr\/wp-content\/uploads\/2017\/01\/marvel_trump_1.jpg\" width=\"640\" height=\"480\" alt=\"D3 - Repr\u00e9sentation avec D3 d'un r\u00e9seau avec le gouvernement Trump comme exemple\"><\/p>\n<p>Eh, bien \u00e0 la lecture de la composition du gouvernement Trump, cela m&#8217;a \u00e9voqu\u00e9 cette phrase.<\/p>\n<blockquote><p>\nLes d\u00e9mocraties elles-m\u00eames, dont le tabou du sang reste le plus souvent un trait distinctif majeur, s\u2019accommodent sans peine de multiples formes d&#8217;exclusion, sociale mais aussi raciale, sinon de discrimination, qui logent la violence au c\u0153ur de leur go\u00fbt du confort et de leur passion pour la s\u00e9curit\u00e9.\n<\/p><\/blockquote>\n<p>Le code de la totalit\u00e9 du projet est disponible sur github.<br \/>\n<a href=\"https:\/\/github.com\/bflaven\/BlogArticlesExamples\/tree\/master\/marvel_trump\" target=\"_blank\">https:\/\/github.com\/bflaven\/BlogArticlesExamples\/tree\/master\/marvel_trump<\/a><\/p>\n<p>\t<!-- \/\/\/ --><\/p>\n<h2>En savoir plus<\/h2>\n<ul>\n<li>Toup\u00e9e<br \/><a href=\"https:\/\/en.wikipedia.org\/wiki\/Toup%C3%A9e\" target=\"_blank\">https:\/\/en.wikipedia.org\/wiki\/Toup%C3%A9e<\/a><\/li>\n<li>[Re-] Visualizing the Novel<br \/><a href=\"http:\/\/web.mmlc.northwestern.edu\/re-visualizing-the-novel\/\" target=\"_blank\">http:\/\/web.mmlc.northwestern.edu\/re-visualizing-the-novel\/<\/a><\/li>\n<li>Les Miserables Character Network Data<br \/><a href=\"https:\/\/github.com\/mmlc\/lesmiserables-character-network\" target=\"_blank\">https:\/\/github.com\/mmlc\/lesmiserables-character-network<\/a><\/li>\n<li>A la d\u00e9couverte de l&#8217;API REST WordPress<br \/><a href=\"http:\/\/www.geekpress.fr\/a-la-decouverte-de-lapi-rest-wordpress\/\" target=\"_blank\">http:\/\/www.geekpress.fr\/a-la-decouverte-de-lapi-rest-wordpress\/<\/a><\/li>\n<li>An Overview of the WordPress JSON API<br \/><a href=\"https:\/\/webdevstudios.com\/2014\/10\/16\/an-overview-of-wordpress-json-api\/\" target=\"_blank\">https:\/\/webdevstudios.com\/2014\/10\/16\/an-overview-of-wordpress-json-api\/<\/a><\/li>\n<li>Using the WordPress REST API in a mobile app | AppPresser<br \/><a href=\"https:\/\/apppresser.com\/using-wordpress-rest-api-mobile-app\/\" target=\"_blank\">https:\/\/apppresser.com\/using-wordpress-rest-api-mobile-app\/<\/a><\/li>\n<li>WordPress JSON API Auth Controller<br \/><a href=\"https:\/\/github.com\/mattberg\/wp-json-api-auth\" target=\"_blank\">https:\/\/github.com\/mattberg\/wp-json-api-auth<\/a><\/li>\n<li>d3 | Force layout with images<br \/><a href=\"http:\/\/bl.ocks.org\/eesur\/be2abfb3155a38be4de4\" target=\"_blank\">http:\/\/bl.ocks.org\/eesur\/be2abfb3155a38be4de4<\/a><\/li>\n<li>For Example (le meilleur de Mike Bostock)<br \/><a href=\"https:\/\/bost.ocks.org\/mike\/example\/\" target=\"_blank\">https:\/\/bost.ocks.org\/mike\/example\/<\/a><\/li>\n<li>Mike Bostock\u2019s Blocks<br \/><a href=\"https:\/\/bl.ocks.org\/mbostock\" target=\"_blank\">https:\/\/bl.ocks.org\/mbostock<\/a><\/li>\n<li>Among the Oscar Contenders, a Host of Connections<br \/><a href=\"http:\/\/www.nytimes.com\/interactive\/2013\/02\/20\/movies\/among-the-oscar-contenders-a-host-of-connections.html?_r=0\" target=\"_blank\">http:\/\/www.nytimes.com\/interactive\/2013\/02\/20\/movies\/among-the-oscar-contenders-a-host-of-connections.html?_r=0<\/a><\/li>\n<li>Force Dragging III<br \/><a href=\"https:\/\/bl.ocks.org\/mbostock\/ad70335eeef6d167bc36fd3c04378048\" target=\"_blank\">https:\/\/bl.ocks.org\/mbostock\/ad70335eeef6d167bc36fd3c04378048<\/a><\/li>\n<li>Visualizing my Social Graph with d3.js de Hector Cuesta<br \/><a href=\"https:\/\/www.packtpub.com\/books\/content\/visualizing-my-social-graph-d3js\" target=\"_blank\">https:\/\/www.packtpub.com\/books\/content\/visualizing-my-social-graph-d3js<\/a><\/li>\n<li>How to Make an Interactive Network Visualization<br \/><a href=\"http:\/\/flowingdata.com\/2012\/08\/02\/how-to-make-an-interactive-network-visualization\/\" target=\"_blank\">http:\/\/flowingdata.com\/2012\/08\/02\/how-to-make-an-interactive-network-visualization\/<\/a><\/li>\n<li>force-collapsible de mbostock<br \/><a href=\"http:\/\/mbostock.github.io\/d3\/talk\/20111116\/force-collapsible.html\" target=\"_blank\">http:\/\/mbostock.github.io\/d3\/talk\/20111116\/force-collapsible.html<\/a><\/li>\n<li>the D3 gallery<br \/><a href=\"https:\/\/github.com\/d3\/d3\/wiki\/Gallery\" target=\"_blank\">https:\/\/github.com\/d3\/d3\/wiki\/Gallery<\/a><\/li>\n<li>The Big List of D3.js Examples<br \/><a href=\"http:\/\/christopheviau.com\/d3list\/\" target=\"_blank\">http:\/\/christopheviau.com\/d3list\/<\/a><\/li>\n<li>Network visualization with R<br \/><a href=\"http:\/\/kateto.net\/network-visualization\" target=\"_blank\">http:\/\/kateto.net\/network-visualization<\/a><\/li>\n<li>9 Free Books for Learning Data Mining &#038; Data Analysis<br \/><a href=\"http:\/\/codecondo.com\/9-free-books-for-learning-data-mining-data-analysis\/\" target=\"_blank\">http:\/\/codecondo.com\/9-free-books-for-learning-data-mining-data-analysis\/<\/a><\/li>\n<li>Force-Directed Graph<br \/><a href=\"https:\/\/bl.ocks.org\/mbostock\/4062045\" target=\"_blank\">https:\/\/bl.ocks.org\/mbostock\/4062045<\/a><\/li>\n<li>Introduction to D3, JavaScript, etc.<br \/><a href=\"http:\/\/dsi.ucdavis.edu\/D3materials\/\" target=\"_blank\">http:\/\/dsi.ucdavis.edu\/D3materials\/<\/a><\/li>\n<li>Adapting the Co-Occurrence Matrix Display<br \/><a href=\"http:\/\/dsi.ucdavis.edu\/D3materials\/NetworkMatrix\/AdaptingMatrix.html\" target=\"_blank\">http:\/\/dsi.ucdavis.edu\/D3materials\/NetworkMatrix\/AdaptingMatrix.html<\/a><\/li>\n<li>d3.js: force layout; click to group\/bundle nodes<br \/><a href=\"http:\/\/bl.ocks.org\/GerHobbelt\/3071239\" target=\"_blank\">http:\/\/bl.ocks.org\/GerHobbelt\/3071239<\/a><\/li>\n<li>Les Mis\u00e9rables Co-occurrence on stackoverflow<br \/><a href=\"http:\/\/stackoverflow.com\/questions\/20463614\/les-miserables-co-occurrence\" target=\"_blank\">http:\/\/stackoverflow.com\/questions\/20463614\/les-miserables-co-occurrence<\/a><\/li>\n<li>Les Mis\u00e9rables Co-occurrence<br \/><a href=\"https:\/\/bost.ocks.org\/mike\/miserables\/\" target=\"_blank\">https:\/\/bost.ocks.org\/mike\/miserables\/<\/a><\/li>\n<li>Labeled Force Layout<br \/><a href=\"https:\/\/bl.ocks.org\/mbostock\/950642\" target=\"_blank\">https:\/\/bl.ocks.org\/mbostock\/950642<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>L&#8217;id\u00e9e m&#8217;est venu de faire la repr\u00e9sentation d&#8217;un r\u00e9seau de mani\u00e8re plus ludique. Comme toujours pour faire des repr\u00e9sentations graphiques avec des donn\u00e9es, on se&hellip; <\/p>\n<p class=\"text-center\"><a href=\"https:\/\/flaven.fr\/2017\/01\/d3-representation-avec-d3-dun-reseau-avec-le-gouvernement-trump-comme-exemple\/\" class=\"more-link\">Continue reading &rarr; <span class=\"screen-reader-text\">D3 &#8211; Repr\u00e9sentation avec D3 d&#8217;un r\u00e9seau avec le gouvernement Trump comme exemple<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":10810,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bf_ai_meta_description":"Repr\u00e9sentez un r\u00e9seau avec D3 en utilisant le gouvernement Trump. Utilisez des outils graphiques pour visualiser les interconnexions entre les entit\u00e9s.","bf_ai_og_title":"Repr\u00e9sentation r\u00e9seau D3","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[3437,3454,3442,3444,3447,3448,3449,3450,3435],"tags":[2368,2167,2366,1547,2367],"class_list":["post-10806","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-business-case-studies","category-journalism-writing","category-mobile-devices","category-programming-databases","category-technology-trends","category-tools-productivity","category-tutorials-how-to","category-ux-product-design","category-web-development","tag-barroso","tag-d3","tag-goldman-sachs","tag-marvel","tag-trump"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3Vuhl-2Oi","jetpack_featured_media_url":"https:\/\/flaven.fr\/wp-content\/uploads\/2017\/01\/marvel_trump_b_2.jpg","_links":{"self":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/10806","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/comments?post=10806"}],"version-history":[{"count":1,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/10806\/revisions"}],"predecessor-version":[{"id":10809,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/10806\/revisions\/10809"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media\/10810"}],"wp:attachment":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media?parent=10806"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/categories?post=10806"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/tags?post=10806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}