{"id":48,"date":"2026-08-08T18:28:48","date_gmt":"2026-08-08T16:28:48","guid":{"rendered":"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/mes-travaux\/sites-web\/visualisation-de-donnees\/"},"modified":"2026-08-10T00:48:28","modified_gmt":"2026-08-09T22:48:28","slug":"visualisation-de-donnees","status":"publish","type":"page","link":"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/mes-travaux\/sites-web\/visualisation-de-donnees\/","title":{"rendered":"Visualisation de donnees"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"48\" class=\"elementor elementor-48\">\n\t\t\t\t<div class=\"elementor-element elementor-element-889dc36 e-con-full e-flex e-con e-parent\" data-id=\"889dc36\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20e17d8 elementor-widget elementor-widget-html\" data-id=\"20e17d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"rb-header\"><a class=\"rb-logo rb-logo-img\" href=\"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/\"><img decoding=\"async\" src=\"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-content\/uploads\/2026\/08\/rb-logo-fonce-real.png\" alt=\"Romain Brefort\" height=\"34\"><\/a><nav class=\"rb-nav\"><a class=\"rb-nav-link\" href=\"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/\">Accueil<\/a><a class=\"rb-nav-link\" href=\"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/a-propos-de-moi\/\">A propos<\/a><a class=\"rb-nav-link\" href=\"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/ma-formation\/\">Ma formation<\/a><a class=\"rb-nav-link rb-nav-active\" href=\"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/mes-travaux\/\">Mes travaux<\/a><a class=\"rb-nav-link\" href=\"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/contact\/\">Contact<\/a><\/nav><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fe02324 e-flex e-con-boxed e-con e-parent\" data-id=\"fe02324\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c8b81c elementor-widget elementor-widget-html\" data-id=\"6c8b81c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<a href=\"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/mes-travaux\/sites-web\/\" style=\"font-family:Montserrat;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:#6DBC8A;text-decoration:none;\">&larr; Sites Web<\/a>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3ce2a60 elementor-widget elementor-widget-spacer\" data-id=\"3ce2a60\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c8ab17 elementor-widget elementor-widget-heading\" data-id=\"9c8ab17\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Visualisation de donn\u00e9es<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c72b496 elementor-widget elementor-widget-html\" data-id=\"c72b496\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"rb-meta-row\"><span>2025<\/span><span>\u00c9tudes<\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c5f09ee e-flex e-con-boxed e-con e-parent\" data-id=\"c5f09ee\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f741e00 e-con-full e-flex e-con e-child\" data-id=\"f741e00\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7e3d56 elementor-widget elementor-widget-html\" data-id=\"a7e3d56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"font-family:Montserrat;line-height:1.8;font-size:1.02rem;max-width:820px;\"><p>Ce projet r\u00e9alis\u00e9 avec deux autres camarades de classe consistait \u00e0 collecter, analyser et repr\u00e9senter visuellement des donn\u00e9es afin de mieux comprendre l'impact \u00e9nerg\u00e9tique des centres de calcul, et en particulier ceux d\u00e9di\u00e9s \u00e0 l'IA, dans un site web avec seulement deux consignes : r\u00e9aliser les visuels nous-m\u00eames, puis les faire refaire gr\u00e2ce \u00e0 l'intelligence artificielle.<\/p><p>Nous avons alors choisi de pr\u00e9senter plusieurs donn\u00e9es concernant l'impact environnemental des data centers utilis\u00e9s pour l'entra\u00eenement des IA.<\/p><p>Mon travail durant ce projet a donc consist\u00e9 \u00e0 mettre en forme, via du code SVG et JavaScript, une carte du monde pr\u00e9sentant les pays les plus \u00e9nergivores en termes de consommation d'eau sur le site web con\u00e7u par une de mes camarades, et \u00e0 la faire refaire par une IA, en l'occurrence ChatGPT.<\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-888decb elementor-widget elementor-widget-spacer\" data-id=\"888decb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2043b5d elementor-widget elementor-widget-button\" data-id=\"2043b5d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/brefort.but24.iutn.o2switch.site\/VisualisationDeDonnees\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Voir le site Visualisation de donn\u00e9es<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-578656f e-con-full e-flex e-con e-child\" data-id=\"578656f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8984aaf elementor-widget elementor-widget-image\" data-id=\"8984aaf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"1602\" src=\"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-content\/uploads\/2026\/08\/Capture-decran-2026-08-10-a-00.46.44-scaled.png\" class=\"attachment-full size-full wp-image-366\" alt=\"\" srcset=\"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-content\/uploads\/2026\/08\/Capture-decran-2026-08-10-a-00.46.44-scaled.png 2560w, https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-content\/uploads\/2026\/08\/Capture-decran-2026-08-10-a-00.46.44-300x188.png 300w, https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-content\/uploads\/2026\/08\/Capture-decran-2026-08-10-a-00.46.44-1024x641.png 1024w, https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-content\/uploads\/2026\/08\/Capture-decran-2026-08-10-a-00.46.44-768x481.png 768w, https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-content\/uploads\/2026\/08\/Capture-decran-2026-08-10-a-00.46.44-1536x961.png 1536w, https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-content\/uploads\/2026\/08\/Capture-decran-2026-08-10-a-00.46.44-2048x1282.png 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21f8b24 e-con-full e-flex e-con e-parent\" data-id=\"21f8b24\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d2ed8a elementor-widget elementor-widget-html\" data-id=\"9d2ed8a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"rb-footer\"><div class=\"rb-footer-col\"><img decoding=\"async\" src=\"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-content\/uploads\/2026\/08\/rb-logo-blanc-real.png\" alt=\"Romain Brefort\" style=\"height:30px;margin-bottom:16px;display:block;\"><p>\u00c9tudiant BUT MMI &middot; Cr\u00e9ation Num\u00e9rique<br>IUT Nancy-Charlemagne<\/p><\/div><div class=\"rb-footer-col\"><span class=\"rb-footer-title\">Contact<\/span><p><a href=\"mailto:romainbrf@gmail.com\">romainbrf@gmail.com<\/a><br><a href=\"tel:+33637431652\">+33 6 37 43 16 52<\/a><br><a href=\"https:\/\/www.linkedin.com\/in\/romain-brefort\" target=\"_blank\" rel=\"noopener\">linkedin.com\/in\/romain-brefort<\/a><\/p><\/div><div class=\"rb-footer-col\"><span class=\"rb-footer-title\">Navigation<\/span><p><a href=\"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/a-propos-de-moi\/\">A propos de moi<\/a><br><a href=\"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/ma-formation\/\">Ma formation<\/a><br><a href=\"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/mes-travaux\/\">Mes travaux<\/a><br><a href=\"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/contact\/\">Contact<\/a><\/p><\/div><\/div><div class=\"rb-footer-bottom\">&copy; 2026 Romain Brefort<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AccueilA proposMa formationMes travauxContact &larr; Sites Web Visualisation de donn\u00e9es 2025\u00c9tudes Ce projet r\u00e9alis\u00e9 avec deux autres camarades de classe consistait \u00e0 collecter, analyser et repr\u00e9senter visuellement des donn\u00e9es afin de mieux comprendre l&rsquo;impact \u00e9nerg\u00e9tique des centres de calcul, et en particulier ceux d\u00e9di\u00e9s \u00e0 l&rsquo;IA, dans un site web avec seulement deux consignes : [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":24,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-48","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-json\/wp\/v2\/pages\/48","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-json\/wp\/v2\/comments?post=48"}],"version-history":[{"count":12,"href":"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-json\/wp\/v2\/pages\/48\/revisions"}],"predecessor-version":[{"id":369,"href":"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-json\/wp\/v2\/pages\/48\/revisions\/369"}],"up":[{"embeddable":true,"href":"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-json\/wp\/v2\/pages\/24"}],"wp:attachment":[{"href":"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-json\/wp\/v2\/media?parent=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}