{"id":11,"date":"2026-05-13T08:41:04","date_gmt":"2026-05-13T08:41:04","guid":{"rendered":"https:\/\/clubdataia.fr\/?page_id=11"},"modified":"2026-06-01T20:19:09","modified_gmt":"2026-06-01T20:19:09","slug":"process-data-visualisation-a-partir-de-donnees-airtable","status":"publish","type":"page","link":"https:\/\/clubdataia.fr\/index.php\/process-data-visualisation-a-partir-de-donnees-airtable\/","title":{"rendered":"Process de data visualisation \u00e0 partir de donn\u00e9es Airtable"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-accent-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-73128380 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-a0d91a25 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-stretch is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-c042bc37 wp-block-group-is-layout-flex\" style=\"min-height:100%\">\n<ol class=\"wp-block-list\">\n<li>Cr\u00e9er un th\u00e8me enfant sur WordPress (filezilla)\n<ul class=\"wp-block-list\">\n<li>style.css<\/li>\n\n\n\n<li>functions.php<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Cr\u00e9er une nouvelle page pour h\u00e9berger les graphs<\/li>\n\n\n\n<li>Aller sur Tools &gt; Theme file editor<\/li>\n\n\n\n<li>Editer functions.php pour chart.js (graphs)<\/li>\n\n\n\n<li>Editer functions.php pour Leaflet (maps)<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--1\"><img decoding=\"async\" src=\"https:\/\/clubdataia.fr\/wp-content\/themes\/twentytwentyfour\/assets\/images\/abstract-geometric-art.webp\" alt=\"A ramp along a curved wall in the Kiasma Museu, Helsinki, Finland\" style=\"aspect-ratio:4\/3;object-fit:cover\"\/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-36f65c2d wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-ca2b64f2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h2 class=\"wp-block-heading\">Pr\u00e9parer sur Airtable<\/h2>\n\n\n\n<ul style=\"line-height:1.75\" class=\"wp-block-list is-style-checkmark-list\">\n<li>Dans la section Espace Constructeur &gt; D\u00e9veloppeurs<\/li>\n\n\n\n<li>Jetons d&#8217;acc\u00e8s personnels &gt;<\/li>\n\n\n\n<li>Champs d&#8217;application = data.record:read<\/li>\n\n\n\n<li>Ajouter une base &gt; Cr\u00e9er un jeton<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/airtable.com\/developers\/web\/api\/introduction\">Link to Airtable doc<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link wp-element-button\">How it works<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image size-full is-style-rounded is-style-rounded--3\"><img decoding=\"async\" src=\"https:\/\/clubdataia.fr\/wp-content\/themes\/twentytwentyfour\/assets\/images\/abstract-geometric-art.webp\" alt=\"White abstract geometric artwork from Dresden, Germany\" style=\"aspect-ratio:4\/3;object-fit:cover\"\/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-base-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-36f65c2d wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-ef10d34a wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-global-padding is-content-justification-left is-layout-constrained wp-container-core-column-is-layout-fbd00b99 wp-block-column-is-layout-constrained\" style=\"flex-basis:40%\">\n<p class=\"wp-block-paragraph\">WordPress in functions.php:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-0c22cdd7 wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p class=\"has-heading-font-family has-x-large-font-size wp-block-paragraph\" style=\"line-height:1.2\">With meticulous attention to detail and a commitment to excellence, we create spaces that inspire, elevate, and enrich the lives of those who inhabit them.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3afcaa04 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-container-content-9cfa9a5a wp-block-paragraph\">The revitalized Art Gallery is set to redefine the cultural landscape of Toronto, serving as a nexus of artistic expression, community engagement, and architectural marvel. The expansion and renovation project pay homage to the Art Gallery&#8217;s rich history while embracing the future, ensuring that the gallery remains a beacon of inspiration.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\">The revitalized Art Gallery is set to redefine the cultural landscape of Toronto, serving as a nexus of artistic expression, community engagement, and architectural marvel. The expansion and renovation project pay homage to the Art Gallery&#8217;s rich history while embracing the future, ensuring that the gallery remains a beacon of inspiration.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-36f65c2d wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group alignwide has-base-2-background-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"border-radius:16px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<p class=\"has-text-align-center wp-block-paragraph\">Example from Transient data<\/p>\n\n\n    <div class=\"airtable-table-container\" style=\"overflow-x: auto;\">\n        <table class=\"airtable-table\" style=\"width: 100%; border-collapse: collapse; margin: 20px 0; font-family: Arial, sans-serif;\">\n            <thead>\n                <tr style=\"background-color: #f2f2f2; text-align: left;\">\n                    <th style=\"padding: 12px; border: 1px solid #ddd;\">Nom<\/th>\n                    <th style=\"padding: 12px; border: 1px solid #ddd;\">Pr\u00e9nom<\/th>\n                    <th style=\"padding: 12px; border: 1px solid #ddd;\">Organisation<\/th>\n                    <th style=\"padding: 12px; border: 1px solid #ddd;\">Ville<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody>\n                            <\/tbody>\n        <\/table>\n    <\/div>\n    \n\n\n<p>No data available. Please fetch data from Airtable first.<\/p>\n\n\n    <div class=\"airtable-table-container\" style=\"overflow-x: auto;\">\n        <table class=\"airtable-table\" style=\"width: 100%; border-collapse: collapse; margin: 20px 0; font-family: Arial, sans-serif;\">\n            <thead>\n                <tr style=\"background-color: #f2f2f2; text-align: left;\">\n                    <th style=\"padding: 12px; border: 1px solid #ddd;\">Nom<\/th>\n                    <th style=\"padding: 12px; border: 1px solid #ddd;\">Pr\u00e9nom<\/th>\n                    <th style=\"padding: 12px; border: 1px solid #ddd;\">Organisation<\/th>\n                    <th style=\"padding: 12px; border: 1px solid #ddd;\">Ville<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody>\n                            <\/tbody>\n        <\/table>\n    <\/div>\n    \n\n\n<p>No data available. Please fetch data from Airtable first.<\/p>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--10)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-content-justification-center is-layout-flex wp-container-core-group-is-layout-94904b0f wp-block-group-is-layout-flex\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n\n\n\n\n\n\n\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-base-color has-contrast-background-color has-text-color has-background has-link-color wp-elements-101a04cdb3b42d663bcc7a6d349413a7 has-global-padding is-layout-constrained wp-container-core-group-is-layout-36f65c2d wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<h2 class=\"wp-block-heading alignwide has-base-color has-text-color has-link-color wp-elements-c9b5699bdecff18878afa112249018b5\" style=\"font-size:clamp(4.509rem, 4.509rem + ((1vw - 0.2rem) * 9.152), 10rem);letter-spacing:-0.02em\">FAQs<\/h2>\n\n\n\n<div class=\"wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow\">\n<hr class=\"wp-block-separator has-text-color has-base-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)\"\/>\n\n\n\n<h3 class=\"wp-block-heading alignwide has-base-2-color has-text-color has-link-color wp-elements-aaab986b024c2d4977bb000716db54d9\">What is your process working in smaller projects?<\/h3>\n\n\n\n<p class=\"has-contrast-1-color has-text-color has-link-color wp-elements-c7a6a2949ec955eb29254d2d7fb719b9 wp-block-paragraph\">\u00c9tudes offers comprehensive consulting, management, design, and research solutions. Our vision is to be at the forefront of architectural innovation, fostering a global community of architects and enthusiasts united by a passion for creating spaces. Every architectural endeavor is an opportunity to shape the future.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-base-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)\"\/>\n\n\n\n<h3 class=\"wp-block-heading alignwide has-base-2-color has-text-color has-link-color wp-elements-6841db075a14f0d13730a94476d47523\">Who is behind \u00c9tudes?<\/h3>\n\n\n\n<p class=\"has-contrast-1-color has-text-color has-link-color wp-elements-c7a6a2949ec955eb29254d2d7fb719b9 wp-block-paragraph\">\u00c9tudes offers comprehensive consulting, management, design, and research solutions. Our vision is to be at the forefront of architectural innovation, fostering a global community of architects and enthusiasts united by a passion for creating spaces. Every architectural endeavor is an opportunity to shape the future.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-base-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)\"\/>\n\n\n\n<h3 class=\"wp-block-heading alignwide has-base-2-color has-text-color has-link-color wp-elements-39ea32c6355da907b8471851adc98695\">I&#8217;d like to get to meet fellow architects, how can I do that?<\/h3>\n\n\n\n<p class=\"has-contrast-1-color has-text-color has-link-color wp-elements-c7a6a2949ec955eb29254d2d7fb719b9 wp-block-paragraph\">\u00c9tudes offers comprehensive consulting, management, design, and research solutions. Our vision is to be at the forefront of architectural innovation, fostering a global community of architects and enthusiasts united by a passion for creating spaces. Every architectural endeavor is an opportunity to shape the future.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-base-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)\"\/>\n\n\n\n<h3 class=\"wp-block-heading alignwide has-base-2-color has-text-color has-link-color wp-elements-78f520ac6cd959b539da8bed9b65b7a2\">Can I apply to be a part of the team or work as a contractor?<\/h3>\n\n\n\n<p class=\"has-contrast-1-color has-text-color has-link-color wp-elements-c7a6a2949ec955eb29254d2d7fb719b9 wp-block-paragraph\">\u00c9tudes offers comprehensive consulting, management, design, and research solutions. Our vision is to be at the forefront of architectural innovation, fostering a global community of architects and enthusiasts united by a passion for creating spaces. Every architectural endeavor is an opportunity to shape the future.<\/p>\n\n\n\n<div style=\"margin-top:var(--wp--preset--spacing--10);margin-bottom:0;height:var(--wp--preset--spacing--10)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pr\u00e9parer sur Airtable WordPress in functions.php: With meticulous attention to detail and a commitment to excellence, we create spaces that inspire, elevate, and enrich the lives of those who inhabit them. The revitalized Art Gallery is set to redefine the cultural landscape of Toronto, serving as a nexus of artistic expression, community engagement, and architectural [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clubdataia.fr\/index.php\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clubdataia.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clubdataia.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clubdataia.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clubdataia.fr\/index.php\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":17,"href":"https:\/\/clubdataia.fr\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":36,"href":"https:\/\/clubdataia.fr\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions\/36"}],"wp:attachment":[{"href":"https:\/\/clubdataia.fr\/index.php\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}