From f0f7d9a511bf16ae83cc44ab5378d33ec1817c18 Mon Sep 17 00:00:00 2001 From: Leandro-vigna <97472858+Leandro-vigna@users.noreply.github.com> Date: Fri, 20 Jan 2023 13:34:34 -0300 Subject: [PATCH 1/3] Update circle_state_config.htm Added one space to test --- public/visualizations/top-emitters-2018/circle_state_config.htm | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/public/visualizations/top-emitters-2018/circle_state_config.htm b/public/visualizations/top-emitters-2018/circle_state_config.htm index e93ccdb71..304a8280c 100644 --- a/public/visualizations/top-emitters-2018/circle_state_config.htm +++ b/public/visualizations/top-emitters-2018/circle_state_config.htm @@ -1,6 +1,6 @@ - + Climate Watch - Top 10 Greenhouse Gas Emitters 2018 From ed1ab069b4c305efc1011616d6d1671f2511c1ea Mon Sep 17 00:00:00 2001 From: Leandro-vigna <97472858+Leandro-vigna@users.noreply.github.com> Date: Fri, 20 Jan 2023 13:50:20 -0300 Subject: [PATCH 2/3] New visual added for testing Added a new visualization to test --- .../test-visualization/README.txt | 1 + .../test-visualization/flourish.embed.js | 18 +++++ .../test-visualization/how_to_embed_me.txt | 26 +++++++ .../test-visualization/index.html | 69 +++++++++++++++++++ .../test-visualization/style.css | 1 + .../test-visualization/style.css.map | 1 + 6 files changed, 116 insertions(+) create mode 100644 public/visualizations/test-visualization/README.txt create mode 100644 public/visualizations/test-visualization/flourish.embed.js create mode 100644 public/visualizations/test-visualization/how_to_embed_me.txt create mode 100644 public/visualizations/test-visualization/index.html create mode 100644 public/visualizations/test-visualization/style.css create mode 100644 public/visualizations/test-visualization/style.css.map diff --git a/public/visualizations/test-visualization/README.txt b/public/visualizations/test-visualization/README.txt new file mode 100644 index 000000000..46bba6929 --- /dev/null +++ b/public/visualizations/test-visualization/README.txt @@ -0,0 +1 @@ +You can put static files in this directory. diff --git a/public/visualizations/test-visualization/flourish.embed.js b/public/visualizations/test-visualization/flourish.embed.js new file mode 100644 index 000000000..ce49d489f --- /dev/null +++ b/public/visualizations/test-visualization/flourish.embed.js @@ -0,0 +1,18 @@ +window.Flourish={external:true,hide:true};/*! +Copyright 2016-2023 Kiln Enterprises Ltd + +This file may be freely used, and distributed without modification. + +THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND +ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED +WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. +IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, +INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, +BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, +DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF +LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE +OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED +OF THE POSSIBILITY OF SUCH DAMAGE. +*/ +window.FlourishConfig={app_url:"https://app.flourish.studio",public_url:"https://public.flourish.studio/",embeds_url:"https://flo.uri.sh/"},function(){"use strict";var t,e,i=!1;function r(t){if(i&&window.top!==window.self){var e=window;"srcdoc"===e.location.pathname&&(e=e.parent);var r,o=(r={},window._Flourish_template_id&&(r.template_id=window._Flourish_template_id),window.Flourish&&window.Flourish.app&&window.Flourish.app.loaded_template_id&&(r.template_id=window.Flourish.app.loaded_template_id),window._Flourish_visualisation_id&&(r.visualisation_id=window._Flourish_visualisation_id),window.Flourish&&window.Flourish.app&&window.Flourish.app.loaded_visualisation&&(r.visualisation_id=window.Flourish.app.loaded_visualisation.id),window.Flourish&&window.Flourish.app&&window.Flourish.app.story&&(r.story_id=window.Flourish.app.story.id,r.slide_count=window.Flourish.app.story.slides.length),window.Flourish&&window.Flourish.app&&window.Flourish.app.current_slide&&(r.slide_index=window.Flourish.app.current_slide.index+1),r),a={sender:"Flourish",method:"customerAnalytics"};for(var s in o)o.hasOwnProperty(s)&&(a[s]=o[s]);for(var s in t)t.hasOwnProperty(s)&&(a[s]=t[s]);e.parent.postMessage(JSON.stringify(a),"*")}}function o(t){if("function"!=typeof t)throw new Error("Analytics callback is not a function");window.Flourish._analytics_listeners.push(t)}function a(t){if("function"!=typeof t)throw new Error("Analytics callback is not a function");window.Flourish._analytics_listeners=window.Flourish._analytics_listeners.filter((function(e){return t!==e}))}function s(){i=!0;[{event_name:"click",action_name:"click",use_capture:!0},{event_name:"keydown",action_name:"key_down",use_capture:!0},{event_name:"mouseenter",action_name:"mouse_enter",use_capture:!1},{event_name:"mouseleave",action_name:"mouse_leave",use_capture:!1}].forEach((function(t){document.body.addEventListener(t.event_name,(function(){r({action:t.action_name})}),t.use_capture)}))}function n(){if(null==t){var e=function(){var t=window.location;"about:srcdoc"==t.href&&(t=window.parent.location);var e={};return function(t,i,r){for(;r=i.exec(t);)e[decodeURIComponent(r[1])]=decodeURIComponent(r[2])}(t.search.substring(1).replace(/\+/g,"%20"),/([^&=]+)=?([^&]*)/g),e}();t="referrer"in e?/^https:\/\/medium.com\//.test(e.referrer):!("auto"in e)}return t}function l(t){var e=t||window.innerWidth;return e>999?650:e>599?575:400}function u(t){if(t&&window.top!==window.self){var e=window;"srcdoc"==e.location.pathname&&(e=e.parent);var i={sender:"Flourish",method:"scrolly"};if(t)for(var r in t)i[r]=t[r];e.parent.postMessage(JSON.stringify(i),"*")}}function d(t,i){if(window.top!==window.self){var r=window;if("srcdoc"==r.location.pathname&&(r=r.parent),e)return t=parseInt(t,10),void r.parent.postMessage({sentinel:"amp",type:"embed-size",height:t},"*");var o={sender:"Flourish",context:"iframe.resize",method:"resize",height:t,src:r.location.toString()};if(i)for(var a in i)o[a]=i[a];r.parent.postMessage(JSON.stringify(o),"*")}}function c(){return(-1!==navigator.userAgent.indexOf("Safari")||-1!==navigator.userAgent.indexOf("iPhone"))&&-1==navigator.userAgent.indexOf("Chrome")}function h(t){return"string"==typeof t||t instanceof String}function p(t){return"warn"!==t.method?(console.warn("BUG: validateWarnMessage called for method"+t.method),!1):!(null!=t.message&&!h(t.message))&&!(null!=t.explanation&&!h(t.explanation))}function f(t){return"resize"!==t.method?(console.warn("BUG: validateResizeMessage called for method"+t.method),!1):!!h(t.src)&&(!!h(t.context)&&!!("number"==typeof(e=t.height)?!isNaN(e)&&e>=0:h(e)&&/\d/.test(e)&&/^[0-9]*(\.[0-9]*)?(cm|mm|Q|in|pc|pt|px|em|ex|ch|rem|lh|vw|vh|vmin|vmax|%)?$/i.test(e)));var e}function m(t){throw new Error("Validation for setSetting is not implemented yet; see issue #4328")}function w(t){return"scrolly"!==t.method?(console.warn("BUG: validateScrolly called for method"+t.method),!1):!!Array.isArray(t.slides)}function v(t){return"customerAnalytics"===t.method||(console.warn("BUG: validateCustomerAnalyticsMessage called for method"+t.method),!1)}function g(t){return"request-upload"!==t.method?(console.warn("BUG: validateResizeMessage called for method"+t.method),!1):!!h(t.name)&&!(null!=t.accept&&!h(t.accept))}function y(t,e){var i=function(t){for(var e={warn:p,resize:f,setSetting:m,customerAnalytics:v,"request-upload":g,scrolly:w},i={},r=0;r1)return a;var n=setInterval((function(){window._flourish_poll_items=window._flourish_poll_items.filter((function(t){return!t.iframe.offsetParent||(x(t.embed_url,t.container,t.iframe,t.width,t.height,t.play_on_load),!1)})),window._flourish_poll_items.length||clearInterval(n)}),500)}return a}function x(t,e,i,r,o,a){var s;return r&&"number"==typeof r?(s=r,r+="px"):r&&r.match(/^[ \t\r\n\f]*([+-]?\d+|\d*\.\d+(?:[eE][+-]?\d+)?)(?:\\?[Pp]|\\0{0,4}[57]0(?:\r\n|[ \t\r\n\f])?)(?:\\?[Xx]|\\0{0,4}[57]8(?:\r\n|[ \t\r\n\f])?)[ \t\r\n\f]*$/)&&(s=parseFloat(r)),o&&"number"==typeof o&&(o+="px"),r?i.style.width=r:c()?i.style.width=e.offsetWidth+"px":i.style.width="100%",!!o||(t.match(/\?/)?t+="&auto=1":t+="?auto=1",o=l(s||i.offsetWidth)+"px"),o&&("%"===o.charAt(o.length-1)&&(o=parseFloat(o)/100*e.parentNode.offsetHeight+"px"),i.style.height=o),i.setAttribute("src",t+(a?"#play-on-load":"")),i}var A={de:{credits:{default:"Erstellt mit Flourish"}},en:{credits:{default:"A Flourish data visualization",chart:"A Flourish chart",map:{text:"A Flourish map",url:"https://flourish.studio/visualisations/maps/"},survey:{text:"A Flourish survey visualization",url:"https://flourish.studio/visualisations/survey-data/"},network:{text:"A Flourish network chart",url:"https://flourish.studio/visualisations/network-charts/"},scatter:{text:"A Flourish scatter chart",url:"https://flourish.studio/visualisations/scatter-charts/"},sankey:{text:"A Flourish sankey chart",url:"https://flourish.studio/visualisations/sankey-charts/"},quiz:"A Flourish quiz",bar_race:{text:"A Flourish bar chart race",url:"https://flourish.studio/visualisations/bar-chart-race/"},"bar-chart-race":{text:"A Flourish bar chart race",url:"https://flourish.studio/visualisations/bar-chart-race/"},cards:"Interactive content by Flourish",chord:"A Flourish chord diagram",election:"A Flourish election chart",globe:{text:"A Flourish connections globe",url:"https://flourish.studio/visualisations/maps/"},hierarchy:{text:"A Flourish hierarchy chart",url:"https://flourish.studio/visualisations/treemaps/"},"line-chart-race":"A Flourish line chart race",parliament:"A Flourish election chart","photo-slider":"Interactive content by Flourish",slope:{text:"A Flourish slope chart",url:"https://flourish.studio/visualisations/slope-charts/"},sports:"A Flourish sports visualization",explore:"A Flourish data visualization","word-cloud":"A Flourish data visualization"}},es:{credits:{default:"Creado con Flourish",bar_race:{text:"Créé avec Flourish",url:"https://flourish.studio/visualisations/bar-chart-race/"},"bar-chart-race":{text:"Créé avec Flourish",url:"https://flourish.studio/visualisations/bar-chart-race/"}}},fr:{credits:{default:"Créé avec Flourish",bar_race:{text:"Créé avec Flourish",url:"https://flourish.studio/visualisations/bar-chart-race/"},"bar-chart-race":{text:"Créé avec Flourish",url:"https://flourish.studio/visualisations/bar-chart-race/"}}},it:{credits:{default:"Creato con Flourish",bar_race:{text:"Creato con Flourish",url:"https://flourish.studio/visualisations/bar-chart-race/"},"bar-chart-race":{text:"Creato con Flourish",url:"https://flourish.studio/visualisations/bar-chart-race/"}}},mi:{credits:{default:"Hangaia ki te Flourish",bar_race:{text:"Hangaia ki te Flourish",url:"https://flourish.studio/visualisations/bar-chart-race/"},"bar-chart-race":{text:"Hangaia ki te Flourish",url:"https://flourish.studio/visualisations/bar-chart-race/"}}},nl:{credits:{default:"Gemaakt met Flourish",bar_race:{text:"Gemaakt met Flourish",url:"https://flourish.studio/visualisations/bar-chart-race/"},"bar-chart-race":{text:"Gemaakt met Flourish",url:"https://flourish.studio/visualisations/bar-chart-race/"}}},pt:{default:"Feito com Flourish",bar_race:{text:"Feito com Flourish",url:"https://flourish.studio/visualisations/bar-chart-race/"},"bar-chart-race":{text:"Feito com Flourish",url:"https://flourish.studio/visualisations/bar-chart-race/"}}};!function(){var t=[];function i(){if(!window.FlourishLoaded){window.FlourishLoaded=!0;var i=window.Flourish&&window.Flourish.external,a="en",h=document.querySelector("meta[name='language'],meta[name='LANGUAGE']");h&&h.hasAttribute("content")&&(a=h.getAttribute("content").substr(0,2),A[a]||(a="en"));var p,f=Array.prototype.slice.call(document.querySelectorAll(".flourish-embed"));if(!i)for(var m=document.querySelectorAll("script"),w=0;w1||window.Flourish&&window.Flourish.hide;if(s=l[0],i?(n=s,e=window.FlourishConfig.public_url,r="?utm_source=embed&utm_campaign="+s):(n=(o=0===s.indexOf("template/"))?window.FlourishConfig.app_url+"/"+s+"/preview":window.FlourishConfig.embeds_url+s+"/embed",e=p+s+"/",r="?utm_source=showcase&utm_campaign="+s),x.createEmbedIframe(n,t,t.getAttribute("data-width"),t.getAttribute("data-height"),t.hasAttribute("data-play-on-load")),!o&&!u){for(var d="",c=t.className.split(" "),h=0;h + +You only need to include the script once in your HTML page, even if you have multiple visualisations displayed (though there is no harm in including it multiple times; it will only run once). + +Alternative method: iframe embed +-------------------------------- + +You can also embed via a simple iframe (this is best if your CMS blocks scripts): + +
Made with Flourish
+ +Be sure to specify scrolling="no" to avoid problems on iOS. + +Notes +----- + +1. Your {{URL}} must be a full path, not a local file URL - in other words it should begin http:// or https://, not file://. +2. If necessary, also update the height and width. +3. You may not remove the Flourish credit unless you are an enterprise customer or have permission from Flourish HQ. diff --git a/public/visualizations/test-visualization/index.html b/public/visualizations/test-visualization/index.html new file mode 100644 index 000000000..25200c38f --- /dev/null +++ b/public/visualizations/test-visualization/index.html @@ -0,0 +1,69 @@ + + + + + + Global Emissions Sunburst Chart + + + + + + + + + + \ No newline at end of file diff --git a/public/visualizations/test-visualization/style.css b/public/visualizations/test-visualization/style.css new file mode 100644 index 000000000..ae5fef0c4 --- /dev/null +++ b/public/visualizations/test-visualization/style.css @@ -0,0 +1 @@ +body,html{height:100%;margin:0}body{margin:0;font-size:12px;font-family:'Source Sans Pro',sans-serif;-webkit-font-smoothing:antialiased;cursor:default;overflow:hidden}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*{box-sizing:border-box}svg{display:block;max-width:100vw}g.node{cursor:pointer}.segment:hover{stroke-width:3px!important}svg .g-bar .axis-label:hover{fill:#000!important}svg .g-bar .breadcrumb .item .label{cursor:pointer}svg .g-bar .breadcrumb .item .label:hover{opacity:.7}svg .g-bar .breadcrumb .item:last-child .separator{display:none}svg .g-bar .breadcrumb .item:last-child .label{cursor:auto}svg .g-bar .breadcrumb .item:last-child .label:hover{opacity:1}.flourish-popup .title{font-weight:700}.flourish-popup-content{pointer-events:auto}.zoomout-button{opacity:.9;background:#f4f4f4;cursor:pointer;transition:opacity .3s;position:absolute;top:11px;right:13px;z-index:2;font-size:20px;width:2.5em;height:2.5em;border-radius:50%;text-align:center}.zoomout-button svg{width:40px;height:40px;top:.18em;position:relative;display:inline;transition:transform .3s}.zoomout-button svg path{fill:#333}.zoomout-button:hover{opacity:1}.zoomout-button:hover svg{transform:scale(1.1)}@media screen and (max-width:600px){.zoomout-button{transform:scale(.8) translate(8px,-8px)}}.zoomout-button:hover{fill:#ccc}.control-group{display:inline-block;margin-right:10px}#filter,#size-by-control{max-width:100%}#filter .button-container,#filter .dropdown,#size-by-control .button-container,#size-by-control .dropdown{margin:0}/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/public/visualizations/test-visualization/style.css.map b/public/visualizations/test-visualization/style.css.map new file mode 100644 index 000000000..bf3a73c6d --- /dev/null +++ b/public/visualizations/test-visualization/style.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../less/style.less"],"names":[],"mappings":"AAAM,KAAN,KAAa,OAAA,KAAc,OAAA,EAE3B,KACC,OAAA,EACA,UAAA,KACA,YAAA,kBAAa,WACb,uBAAA,YAEA,OAAA,QACA,SAAA,OAGD,UACE,sBAAA,KACE,oBAAA,KACC,mBAAA,KACE,iBAAA,KACC,gBAAA,KACI,YAAA,KAIZ,EACC,WAAA,WAGD,IACC,QAAA,MACA,UAAA,MAGA,OACA,OAAA,QAGO,eACP,aAAA,cAIqB,6BACrB,KAAA,eAG4B,oCAC5B,OAAA,QAGkC,0CAClC,QAAA,GAGuC,mDACvC,QAAA,KAGuC,+CACvC,OAAA,KAG6C,qDAC7C,QAAA,EAGe,uBACf,YAAA,IAED,wBACC,eAAA,KAED,gBACC,QAAA,GACA,WAAA,QACA,OAAA,QACA,WAAA,QAAA,IACA,SAAA,SACA,IAAA,KACA,MAAA,KACA,QAAA,EACA,UAAA,KACA,MAAA,MACA,OAAA,MACA,cAAA,IACA,WAAA,OACA,oBACC,MAAA,KACA,OAAA,KACA,IAAA,MACA,SAAA,SACA,QAAA,OAIA,WAAA,UAAA,IAHA,yBACC,KAAA,KAID,sBACA,QAAA,EACA,0BACC,UAAW,WAGwB,oCAArC,gBACC,UAAW,UAAW,qBAIT,sBACd,KAAA,KAGD,eACC,QAAA,aACA,aAAA,KAGD,QAAS,iBACR,UAAA,KACW,0BAAX,kBAAW,mCAAX,2BACC,OAAA"} \ No newline at end of file From 748b18074a9a1651e6154f92da97be76c8c67797 Mon Sep 17 00:00:00 2001 From: Leandro-vigna <97472858+Leandro-vigna@users.noreply.github.com> Date: Fri, 20 Jan 2023 16:05:51 -0300 Subject: [PATCH 3/3] Added new chart visualization with GA4 tag Added new chart visualization with GA4 tag --- .../sunburst-world-emitters-2022/README.txt | 1 + .../flourish.embed.js | 18 +++++ .../how_to_embed_me.txt | 26 +++++++ .../sunburst-world-emitters-2022/index.html | 70 +++++++++++++++++++ .../sunburst-world-emitters-2022/style.css | 1 + .../style.css.map | 1 + 6 files changed, 117 insertions(+) create mode 100644 public/visualizations/sunburst-world-emitters-2022/README.txt create mode 100644 public/visualizations/sunburst-world-emitters-2022/flourish.embed.js create mode 100644 public/visualizations/sunburst-world-emitters-2022/how_to_embed_me.txt create mode 100644 public/visualizations/sunburst-world-emitters-2022/index.html create mode 100644 public/visualizations/sunburst-world-emitters-2022/style.css create mode 100644 public/visualizations/sunburst-world-emitters-2022/style.css.map diff --git a/public/visualizations/sunburst-world-emitters-2022/README.txt b/public/visualizations/sunburst-world-emitters-2022/README.txt new file mode 100644 index 000000000..46bba6929 --- /dev/null +++ b/public/visualizations/sunburst-world-emitters-2022/README.txt @@ -0,0 +1 @@ +You can put static files in this directory. diff --git a/public/visualizations/sunburst-world-emitters-2022/flourish.embed.js b/public/visualizations/sunburst-world-emitters-2022/flourish.embed.js new file mode 100644 index 000000000..ce49d489f --- /dev/null +++ b/public/visualizations/sunburst-world-emitters-2022/flourish.embed.js @@ -0,0 +1,18 @@ +window.Flourish={external:true,hide:true};/*! +Copyright 2016-2023 Kiln Enterprises Ltd + +This file may be freely used, and distributed without modification. + +THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND +ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED +WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. +IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, +INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, +BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, +DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF +LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE +OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED +OF THE POSSIBILITY OF SUCH DAMAGE. +*/ +window.FlourishConfig={app_url:"https://app.flourish.studio",public_url:"https://public.flourish.studio/",embeds_url:"https://flo.uri.sh/"},function(){"use strict";var t,e,i=!1;function r(t){if(i&&window.top!==window.self){var e=window;"srcdoc"===e.location.pathname&&(e=e.parent);var r,o=(r={},window._Flourish_template_id&&(r.template_id=window._Flourish_template_id),window.Flourish&&window.Flourish.app&&window.Flourish.app.loaded_template_id&&(r.template_id=window.Flourish.app.loaded_template_id),window._Flourish_visualisation_id&&(r.visualisation_id=window._Flourish_visualisation_id),window.Flourish&&window.Flourish.app&&window.Flourish.app.loaded_visualisation&&(r.visualisation_id=window.Flourish.app.loaded_visualisation.id),window.Flourish&&window.Flourish.app&&window.Flourish.app.story&&(r.story_id=window.Flourish.app.story.id,r.slide_count=window.Flourish.app.story.slides.length),window.Flourish&&window.Flourish.app&&window.Flourish.app.current_slide&&(r.slide_index=window.Flourish.app.current_slide.index+1),r),a={sender:"Flourish",method:"customerAnalytics"};for(var s in o)o.hasOwnProperty(s)&&(a[s]=o[s]);for(var s in t)t.hasOwnProperty(s)&&(a[s]=t[s]);e.parent.postMessage(JSON.stringify(a),"*")}}function o(t){if("function"!=typeof t)throw new Error("Analytics callback is not a function");window.Flourish._analytics_listeners.push(t)}function a(t){if("function"!=typeof t)throw new Error("Analytics callback is not a function");window.Flourish._analytics_listeners=window.Flourish._analytics_listeners.filter((function(e){return t!==e}))}function s(){i=!0;[{event_name:"click",action_name:"click",use_capture:!0},{event_name:"keydown",action_name:"key_down",use_capture:!0},{event_name:"mouseenter",action_name:"mouse_enter",use_capture:!1},{event_name:"mouseleave",action_name:"mouse_leave",use_capture:!1}].forEach((function(t){document.body.addEventListener(t.event_name,(function(){r({action:t.action_name})}),t.use_capture)}))}function n(){if(null==t){var e=function(){var t=window.location;"about:srcdoc"==t.href&&(t=window.parent.location);var e={};return function(t,i,r){for(;r=i.exec(t);)e[decodeURIComponent(r[1])]=decodeURIComponent(r[2])}(t.search.substring(1).replace(/\+/g,"%20"),/([^&=]+)=?([^&]*)/g),e}();t="referrer"in e?/^https:\/\/medium.com\//.test(e.referrer):!("auto"in e)}return t}function l(t){var e=t||window.innerWidth;return e>999?650:e>599?575:400}function u(t){if(t&&window.top!==window.self){var e=window;"srcdoc"==e.location.pathname&&(e=e.parent);var i={sender:"Flourish",method:"scrolly"};if(t)for(var r in t)i[r]=t[r];e.parent.postMessage(JSON.stringify(i),"*")}}function d(t,i){if(window.top!==window.self){var r=window;if("srcdoc"==r.location.pathname&&(r=r.parent),e)return t=parseInt(t,10),void r.parent.postMessage({sentinel:"amp",type:"embed-size",height:t},"*");var o={sender:"Flourish",context:"iframe.resize",method:"resize",height:t,src:r.location.toString()};if(i)for(var a in i)o[a]=i[a];r.parent.postMessage(JSON.stringify(o),"*")}}function c(){return(-1!==navigator.userAgent.indexOf("Safari")||-1!==navigator.userAgent.indexOf("iPhone"))&&-1==navigator.userAgent.indexOf("Chrome")}function h(t){return"string"==typeof t||t instanceof String}function p(t){return"warn"!==t.method?(console.warn("BUG: validateWarnMessage called for method"+t.method),!1):!(null!=t.message&&!h(t.message))&&!(null!=t.explanation&&!h(t.explanation))}function f(t){return"resize"!==t.method?(console.warn("BUG: validateResizeMessage called for method"+t.method),!1):!!h(t.src)&&(!!h(t.context)&&!!("number"==typeof(e=t.height)?!isNaN(e)&&e>=0:h(e)&&/\d/.test(e)&&/^[0-9]*(\.[0-9]*)?(cm|mm|Q|in|pc|pt|px|em|ex|ch|rem|lh|vw|vh|vmin|vmax|%)?$/i.test(e)));var e}function m(t){throw new Error("Validation for setSetting is not implemented yet; see issue #4328")}function w(t){return"scrolly"!==t.method?(console.warn("BUG: validateScrolly called for method"+t.method),!1):!!Array.isArray(t.slides)}function v(t){return"customerAnalytics"===t.method||(console.warn("BUG: validateCustomerAnalyticsMessage called for method"+t.method),!1)}function g(t){return"request-upload"!==t.method?(console.warn("BUG: validateResizeMessage called for method"+t.method),!1):!!h(t.name)&&!(null!=t.accept&&!h(t.accept))}function y(t,e){var i=function(t){for(var e={warn:p,resize:f,setSetting:m,customerAnalytics:v,"request-upload":g,scrolly:w},i={},r=0;r1)return a;var n=setInterval((function(){window._flourish_poll_items=window._flourish_poll_items.filter((function(t){return!t.iframe.offsetParent||(x(t.embed_url,t.container,t.iframe,t.width,t.height,t.play_on_load),!1)})),window._flourish_poll_items.length||clearInterval(n)}),500)}return a}function x(t,e,i,r,o,a){var s;return r&&"number"==typeof r?(s=r,r+="px"):r&&r.match(/^[ \t\r\n\f]*([+-]?\d+|\d*\.\d+(?:[eE][+-]?\d+)?)(?:\\?[Pp]|\\0{0,4}[57]0(?:\r\n|[ \t\r\n\f])?)(?:\\?[Xx]|\\0{0,4}[57]8(?:\r\n|[ \t\r\n\f])?)[ \t\r\n\f]*$/)&&(s=parseFloat(r)),o&&"number"==typeof o&&(o+="px"),r?i.style.width=r:c()?i.style.width=e.offsetWidth+"px":i.style.width="100%",!!o||(t.match(/\?/)?t+="&auto=1":t+="?auto=1",o=l(s||i.offsetWidth)+"px"),o&&("%"===o.charAt(o.length-1)&&(o=parseFloat(o)/100*e.parentNode.offsetHeight+"px"),i.style.height=o),i.setAttribute("src",t+(a?"#play-on-load":"")),i}var A={de:{credits:{default:"Erstellt mit Flourish"}},en:{credits:{default:"A Flourish data visualization",chart:"A Flourish chart",map:{text:"A Flourish map",url:"https://flourish.studio/visualisations/maps/"},survey:{text:"A Flourish survey visualization",url:"https://flourish.studio/visualisations/survey-data/"},network:{text:"A Flourish network chart",url:"https://flourish.studio/visualisations/network-charts/"},scatter:{text:"A Flourish scatter chart",url:"https://flourish.studio/visualisations/scatter-charts/"},sankey:{text:"A Flourish sankey chart",url:"https://flourish.studio/visualisations/sankey-charts/"},quiz:"A Flourish quiz",bar_race:{text:"A Flourish bar chart race",url:"https://flourish.studio/visualisations/bar-chart-race/"},"bar-chart-race":{text:"A Flourish bar chart race",url:"https://flourish.studio/visualisations/bar-chart-race/"},cards:"Interactive content by Flourish",chord:"A Flourish chord diagram",election:"A Flourish election chart",globe:{text:"A Flourish connections globe",url:"https://flourish.studio/visualisations/maps/"},hierarchy:{text:"A Flourish hierarchy chart",url:"https://flourish.studio/visualisations/treemaps/"},"line-chart-race":"A Flourish line chart race",parliament:"A Flourish election chart","photo-slider":"Interactive content by Flourish",slope:{text:"A Flourish slope chart",url:"https://flourish.studio/visualisations/slope-charts/"},sports:"A Flourish sports visualization",explore:"A Flourish data visualization","word-cloud":"A Flourish data visualization"}},es:{credits:{default:"Creado con Flourish",bar_race:{text:"Créé avec Flourish",url:"https://flourish.studio/visualisations/bar-chart-race/"},"bar-chart-race":{text:"Créé avec Flourish",url:"https://flourish.studio/visualisations/bar-chart-race/"}}},fr:{credits:{default:"Créé avec Flourish",bar_race:{text:"Créé avec Flourish",url:"https://flourish.studio/visualisations/bar-chart-race/"},"bar-chart-race":{text:"Créé avec Flourish",url:"https://flourish.studio/visualisations/bar-chart-race/"}}},it:{credits:{default:"Creato con Flourish",bar_race:{text:"Creato con Flourish",url:"https://flourish.studio/visualisations/bar-chart-race/"},"bar-chart-race":{text:"Creato con Flourish",url:"https://flourish.studio/visualisations/bar-chart-race/"}}},mi:{credits:{default:"Hangaia ki te Flourish",bar_race:{text:"Hangaia ki te Flourish",url:"https://flourish.studio/visualisations/bar-chart-race/"},"bar-chart-race":{text:"Hangaia ki te Flourish",url:"https://flourish.studio/visualisations/bar-chart-race/"}}},nl:{credits:{default:"Gemaakt met Flourish",bar_race:{text:"Gemaakt met Flourish",url:"https://flourish.studio/visualisations/bar-chart-race/"},"bar-chart-race":{text:"Gemaakt met Flourish",url:"https://flourish.studio/visualisations/bar-chart-race/"}}},pt:{default:"Feito com Flourish",bar_race:{text:"Feito com Flourish",url:"https://flourish.studio/visualisations/bar-chart-race/"},"bar-chart-race":{text:"Feito com Flourish",url:"https://flourish.studio/visualisations/bar-chart-race/"}}};!function(){var t=[];function i(){if(!window.FlourishLoaded){window.FlourishLoaded=!0;var i=window.Flourish&&window.Flourish.external,a="en",h=document.querySelector("meta[name='language'],meta[name='LANGUAGE']");h&&h.hasAttribute("content")&&(a=h.getAttribute("content").substr(0,2),A[a]||(a="en"));var p,f=Array.prototype.slice.call(document.querySelectorAll(".flourish-embed"));if(!i)for(var m=document.querySelectorAll("script"),w=0;w1||window.Flourish&&window.Flourish.hide;if(s=l[0],i?(n=s,e=window.FlourishConfig.public_url,r="?utm_source=embed&utm_campaign="+s):(n=(o=0===s.indexOf("template/"))?window.FlourishConfig.app_url+"/"+s+"/preview":window.FlourishConfig.embeds_url+s+"/embed",e=p+s+"/",r="?utm_source=showcase&utm_campaign="+s),x.createEmbedIframe(n,t,t.getAttribute("data-width"),t.getAttribute("data-height"),t.hasAttribute("data-play-on-load")),!o&&!u){for(var d="",c=t.className.split(" "),h=0;h + +You only need to include the script once in your HTML page, even if you have multiple visualisations displayed (though there is no harm in including it multiple times; it will only run once). + +Alternative method: iframe embed +-------------------------------- + +You can also embed via a simple iframe (this is best if your CMS blocks scripts): + +
Made with Flourish
+ +Be sure to specify scrolling="no" to avoid problems on iOS. + +Notes +----- + +1. Your {{URL}} must be a full path, not a local file URL - in other words it should begin http:// or https://, not file://. +2. If necessary, also update the height and width. +3. You may not remove the Flourish credit unless you are an enterprise customer or have permission from Flourish HQ. diff --git a/public/visualizations/sunburst-world-emitters-2022/index.html b/public/visualizations/sunburst-world-emitters-2022/index.html new file mode 100644 index 000000000..daaf9217b --- /dev/null +++ b/public/visualizations/sunburst-world-emitters-2022/index.html @@ -0,0 +1,70 @@ + + + + + Sunburst 2022 + + + + + + + + + + \ No newline at end of file diff --git a/public/visualizations/sunburst-world-emitters-2022/style.css b/public/visualizations/sunburst-world-emitters-2022/style.css new file mode 100644 index 000000000..6950adfd0 --- /dev/null +++ b/public/visualizations/sunburst-world-emitters-2022/style.css @@ -0,0 +1 @@ +body,html{height:100%;margin:0}body{margin:0;font-size:12px;font-family:'Source Sans Pro',sans-serif;-webkit-font-smoothing:antialiased;cursor:default;overflow:hidden}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*{box-sizing:border-box}svg{display:block;max-width:100vw}g.node{cursor:pointer}svg .g-bar .axis-label:hover{opacity:.7!important}svg .g-bar .breadcrumb .item .label{cursor:pointer}svg .g-bar .breadcrumb .item .label:hover{opacity:.7}svg .g-bar .breadcrumb .item:first-child .separator{display:none}svg .g-bar .breadcrumb .item:last-child .label{cursor:auto}svg .g-bar .breadcrumb .item:last-child .label:hover{opacity:1}.flourish-popup.all-events .flourish-popup-content,.flourish-popup.all-events .flourish-popup-svg g{pointer-events:all!important}.zoomout-button{opacity:.9;background:#f4f4f4;cursor:pointer;transition:opacity .3s;position:absolute;top:11px;right:13px;z-index:2;font-size:20px;width:2.5em;height:2.5em;border-radius:50%;text-align:center}.zoomout-button svg{width:40px;height:40px;top:.18em;position:relative;display:inline;transition:transform .3s}.zoomout-button svg path{fill:#333}.zoomout-button:hover{opacity:1}.zoomout-button:hover svg{transform:scale(1.1)}.zoomout-button.top-left{left:11px}.zoomout-button.bottom-right{top:initial;bottom:11px}@media screen and (max-width:600px){.zoomout-button{transform:scale(.8) translate(8px,-8px)}}.zoomout-button:hover{fill:#ccc}.control-group{display:inline-block;margin-right:10px}#filter,#size-by-control{max-width:100%}#filter .button-container,#filter .dropdown,#size-by-control .button-container,#size-by-control .dropdown{margin:0}/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/public/visualizations/sunburst-world-emitters-2022/style.css.map b/public/visualizations/sunburst-world-emitters-2022/style.css.map new file mode 100644 index 000000000..cab701971 --- /dev/null +++ b/public/visualizations/sunburst-world-emitters-2022/style.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../less/style.less"],"names":[],"mappings":"AAAM,KAAN,KAAa,OAAA,KAAc,OAAA,EAE3B,KACC,OAAA,EACA,UAAA,KACA,YAAA,kBAAa,WACb,uBAAA,YAEA,OAAA,QACA,SAAA,OAGD,UACE,sBAAA,KACE,oBAAA,KACC,mBAAA,KACE,iBAAA,KACC,gBAAA,KACI,YAAA,KAIZ,EACC,WAAA,WAGD,IACC,QAAA,MACA,UAAA,MAGA,OACA,OAAA,QAIqB,6BACrB,QAAA,aAG4B,oCAC5B,OAAA,QAGkC,0CAClC,QAAA,GAGwC,oDACxC,QAAA,KAGuC,+CACvC,OAAA,KAG6C,qDAC7C,QAAA,EAG0B,mDAAwE,iDAClG,eAAA,cAGD,gBACC,QAAA,GACA,WAAA,QACA,OAAA,QACA,WAAA,QAAA,IACA,SAAA,SACA,IAAA,KACA,MAAA,KACA,QAAA,EACA,UAAA,KACA,MAAA,MACA,OAAA,MACA,cAAA,IACA,WAAA,OACA,oBACC,MAAA,KACA,OAAA,KACA,IAAA,MACA,SAAA,SACA,QAAA,OAIA,WAAA,UAAA,IAHA,yBACC,KAAA,KAID,sBACA,QAAA,EACA,0BACC,UAAW,WAGZ,yBACA,KAAA,KAEA,6BACA,IAAA,QACA,OAAA,KAEoC,oCAArC,gBACC,UAAW,UAAW,qBAIT,sBACd,KAAA,KAGD,eACC,QAAA,aACA,aAAA,KAGD,QAAS,iBACR,UAAA,KACW,0BAAX,kBAAW,mCAAX,2BACC,OAAA"} \ No newline at end of file