cl-react-graph
Version:
1 lines • 14.8 kB
HTML
<html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><style data-href="/cl-react-graph/styles.76a35927d74ed981d93c.css" id="gatsby-global-css">span.data-grid-container,span.data-grid-container:focus{outline:none}.data-grid-container .data-grid{table-layout:fixed;border-collapse:collapse}.data-grid-container .data-grid .cell.updated{background-color:rgba(0,145,253,.16);transition:background-color 0ms ease}.data-grid-container .data-grid .cell{height:17px;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;cursor:cell;background-color:unset;transition:background-color .5s ease;vertical-align:middle;text-align:right;border:1px solid #ddd;padding:0}.data-grid-container .data-grid .cell.selected{border:1px double #2185d0;transition:none;box-shadow:inset 0 -100px 0 rgba(33,133,208,.15)}.data-grid-container .data-grid .cell.read-only{background:#f5f5f5;color:#999;text-align:center}.data-grid-container .data-grid .cell>.text{padding:2px 5px;text-overflow:ellipsis;overflow:hidden}.data-grid-container .data-grid .cell>input{outline:none;border:2px solid #2185d0;text-align:right;width:calc(100% - 6px);height:11px;background:none;display:block}.data-grid-container .data-grid .cell{vertical-align:bottom}.data-grid-container .data-grid .cell,.data-grid-container .data-grid .cell.wrap,.data-grid-container .data-grid.clip .cell.wrap,.data-grid-container .data-grid.nowrap .cell.wrap,.data-grid-container .data-grid.wrap .cell,.data-grid-container .data-grid.wrap .cell.wrap{white-space:normal}.data-grid-container .data-grid .cell.nowrap,.data-grid-container .data-grid.clip .cell.nowrap,.data-grid-container .data-grid.nowrap .cell,.data-grid-container .data-grid.nowrap .cell.nowrap,.data-grid-container .data-grid.wrap .cell.nowrap{white-space:nowrap;overflow-x:visible}.data-grid-container .data-grid .cell.clip,.data-grid-container .data-grid.clip .cell,.data-grid-container .data-grid.clip .cell.clip,.data-grid-container .data-grid.nowrap .cell.clip,.data-grid-container .data-grid.wrap .cell.clip{white-space:nowrap;overflow-x:hidden}.data-grid-container .data-grid .cell .data-editor,.data-grid-container .data-grid .cell .value-viewer{display:block}body,html{height:100vh;padding:0;margin:0}body{background-color:#f2f2f2;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.9rem}#___gatsby,#___gatsby>div{display:flex;flex-direction:column;height:100vh;justify-content:space-between}main{margin-top:1rem}.tooltip{position:absolute;background:#fff;color:#27626a;font-size:.8rem;border:1px solid rgba(39,98,106,.47843137254901963);padding:.25rem}footer{background:#27626a;text-align:center;padding:.5rem}footer,footer a{color:hsla(0,0%,100%,.9)}table.data-grid{width:100%}th.action-cell{background:#f2f2f2;border:1px solid #d2d2d2}.MuiTypography-h2{font-size:1.3rem;line-height:1.3rem;margin-bottom:.75rem}.MuiToolbar-root a{text-decoration:none;color:#fff}.data-grid-container .data-grid .cell>input{height:21px}pre code{background-color:#eee;border:1px solid #999;display:block;padding:20px}.wrapper{margin:0;padding:0;width:100%}.MuiCard-root{overflow:visible}.MuiTypography-h2{margin-left:1.5rem;font-size:1.8rem}.MuiButtonBase-root a{text-decoration:none;color:#272727}.MuiAppBar-colorPrimary{background-color:#627791}</style><meta name="generator" content="Gatsby 2.31.0"/><title data-react-helmet="true">Chord | Infosum Charts</title><meta data-react-helmet="true" content="Infosum charts." name="description"/><meta data-react-helmet="true" content="Chord" property="og:title"/><meta data-react-helmet="true" content="Infosum charts." property="og:description"/><meta data-react-helmet="true" content="website" property="og:type"/><meta data-react-helmet="true" content="summary" name="twitter:card"/><meta data-react-helmet="true" content="@infosum" name="twitter:creator"/><meta data-react-helmet="true" content="Chord" name="twitter:title"/><meta data-react-helmet="true" content="Infosum charts." name="twitter:description"/><link rel="icon" href="/cl-react-graph/favicon-32x32.png?v=4a9773549091c227cd2eb82ccd9c5e3a" type="image/png"/><link rel="manifest" href="/cl-react-graph/manifest.webmanifest" crossorigin="anonymous"/><meta name="theme-color" content="#56b4bf"/><link rel="apple-touch-icon" sizes="48x48" href="/cl-react-graph/icons/icon-48x48.png?v=4a9773549091c227cd2eb82ccd9c5e3a"/><link rel="apple-touch-icon" sizes="72x72" href="/cl-react-graph/icons/icon-72x72.png?v=4a9773549091c227cd2eb82ccd9c5e3a"/><link rel="apple-touch-icon" sizes="96x96" href="/cl-react-graph/icons/icon-96x96.png?v=4a9773549091c227cd2eb82ccd9c5e3a"/><link rel="apple-touch-icon" sizes="144x144" href="/cl-react-graph/icons/icon-144x144.png?v=4a9773549091c227cd2eb82ccd9c5e3a"/><link rel="apple-touch-icon" sizes="192x192" href="/cl-react-graph/icons/icon-192x192.png?v=4a9773549091c227cd2eb82ccd9c5e3a"/><link rel="apple-touch-icon" sizes="256x256" href="/cl-react-graph/icons/icon-256x256.png?v=4a9773549091c227cd2eb82ccd9c5e3a"/><link rel="apple-touch-icon" sizes="384x384" href="/cl-react-graph/icons/icon-384x384.png?v=4a9773549091c227cd2eb82ccd9c5e3a"/><link rel="apple-touch-icon" sizes="512x512" href="/cl-react-graph/icons/icon-512x512.png?v=4a9773549091c227cd2eb82ccd9c5e3a"/><style id="jss-server-side"></style><link as="script" rel="preload" href="/cl-react-graph/webpack-runtime-070b9074f2d02137cca0.js"/><link as="script" rel="preload" href="/cl-react-graph/framework-ee3114de82f5eaed727a.js"/><link as="script" rel="preload" href="/cl-react-graph/app-17bc1dc29ad142b00b6b.js"/><link as="script" rel="preload" href="/cl-react-graph/styles-e9d24b1846c7d6eb9685.js"/><link as="script" rel="preload" href="/cl-react-graph/commons-40aabcf3e35d206b877e.js"/><link as="script" rel="preload" href="/cl-react-graph/43ec5c4fa0b06b7598d463d7125378a1d55351c8-abaccd76ccb9d6ada99e.js"/><link as="script" rel="preload" href="/cl-react-graph/component---src-pages-chord-tsx-a3589601b1ccd84365f3.js"/><link as="fetch" rel="preload" href="/cl-react-graph/page-data/chord/page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/cl-react-graph/page-data/sq/d/3649515864.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/cl-react-graph/page-data/sq/d/63159454.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/cl-react-graph/page-data/app-data.json" crossorigin="anonymous"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><header class="MuiPaper-root MuiAppBar-root MuiAppBar-positionStatic MuiAppBar-colorPrimary MuiPaper-elevation4"><div class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"><button class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit MuiIconButton-edgeStart" tabindex="0" type="button" aria-label="open drawer"><span class="MuiIconButton-label"><svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></svg></span></button><h6 class="MuiTypography-root MuiTypography-h6 MuiTypography-colorInherit"><a href="/cl-react-graph/">Infosum Charts</a></h6></div></header><div style="flex-grow:2;margin:0 auto;padding-top:0;width:100%"><main><h2 class="MuiTypography-root MuiTypography-h2">Chord</h2><div><div class="MuiGrid-root wrapper MuiGrid-container MuiGrid-spacing-xs-5"><div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-md-6"><div class="MuiPaper-root MuiCard-root MuiPaper-elevation1 MuiPaper-rounded"><div class="MuiCardContent-root"><svg width="400" height="400" style="overflow:visible" viewBox="0 0 400 400"><title style="pointer-events:none"></title><g transform="translate(15,15)" role="table" width="370" height="370"><g class="ribbons" transform="translate(200,200)"><g><path stroke="#ddd" style="opacity:0.5;mix-blend-mode:multiply" fill="#eee" d="M140.8100793309637,119.98967271731225A185,185,0,0,1,-10.663186521353138,184.69243745538373Q0,0,157.92238491457596,-96.3614048407998A185,185,0,0,1,183.08052969529552,26.580437289292654Q0,0,140.8100793309637,119.98967271731225Z"><title>[<!-- -->40<!-- -->] <!-- -->Ireland<!-- --> → [<!-- -->30<!-- -->] <!-- -->Britain</title></path></g><g><path stroke="#ddd" style="opacity:0.5;mix-blend-mode:multiply" fill="#eee" d="M-179.8524901951027,43.33684080110703A185,185,0,0,1,-134.66840284180776,-126.84408254245282Q0,0,-126.06533391380411,135.39767939370702A185,185,0,0,1,-177.24841264580397,52.9905672223161Q0,0,-179.8524901951027,43.33684080110703Z"><title>[<!-- -->43<!-- -->] <!-- -->Spain<!-- --> → [<!-- -->23<!-- -->] <!-- -->Ireland</title></path></g><g><path stroke="#ddd" style="opacity:0.5;mix-blend-mode:multiply" fill="#eee" d="M-10.663186521353138,184.69243745538373A185,185,0,0,1,-126.06533391380411,135.39767939370702Q0,0,1.1327982892113017e-14,-185A185,185,0,0,1,82.356842509771,-165.65732851830245Q0,0,-10.663186521353138,184.69243745538373Z"><title>[<!-- -->30<!-- -->] <!-- -->Ireland<!-- --> → [<!-- -->20<!-- -->] <!-- -->France</title></path></g><g><path stroke="#ddd" style="opacity:0.5;mix-blend-mode:multiply" fill="#eee" d="M183.08052969529552,26.580437289292654A185,185,0,0,1,152.1056787316934,105.30366801574807Q0,0,124.49528422656438,-136.84269876521347A185,185,0,0,1,152.48554060797454,-104.75285153872304Q0,0,183.08052969529552,26.580437289292654Z"><title>[<!-- -->20<!-- -->] <!-- -->Britain<!-- --> → [<!-- -->10<!-- -->] <!-- -->France</title></path></g><g><path stroke="#ddd" style="opacity:0.5;mix-blend-mode:multiply" fill="#eee" d="M-134.66840284180776,-126.84408254245282A185,185,0,0,1,-51.9674857460702,-177.55106427513184Q0,0,152.1056787316934,105.30366801574807A185,185,0,0,1,147.0871873411855,112.20677038422858Q0,0,-134.66840284180776,-126.84408254245282Z"><title>[<!-- -->23<!-- -->] <!-- -->Spain<!-- --> → [<!-- -->2<!-- -->] <!-- -->Britain</title></path></g><g><path stroke="#ddd" style="opacity:0.5;mix-blend-mode:multiply" fill="#eee" d="M82.356842509771,-165.65732851830245A185,185,0,0,1,124.49528422656438,-136.84269876521347Q0,0,-51.9674857460702,-177.55106427513184A185,185,0,0,1,-9.995130976780429,-184.7297955305451Q0,0,82.356842509771,-165.65732851830245Z"><title>[<!-- -->12<!-- -->] <!-- -->France<!-- --> → [<!-- -->10<!-- -->] <!-- -->Spain</title></path></g></g><g class="arcs" transform="translate(200,200)"><path stroke="#8dd3c7" fill="#8dd3c7" d="M1.1940306291686694e-14,-195A195,195,0,0,1,160.72800226245965,-110.41516783811346L152.48554060797454,-104.75285153872304A185,185,0,0,0,1.1327982892113017e-14,-185Z"></path><g transform="rotate(-62.24393083528906) translate(195,0)"><text x="0" y="-10" dy="0.55rem" transform="rotate(90)" text-anchor="middle">France</text></g><path stroke="#ffffb3" fill="#ffffb3" d="M166.45873004509357,-101.57012942678898A195,195,0,0,1,155.03784611638474,118.2720012158085L147.0871873411855,112.20677038422858A185,185,0,0,0,157.92238491457596,-96.3614048407998Z"></path><g transform="rotate(2.973864553361892) translate(195,0)"><text x="0" y="-10" dy="0.55rem" transform="rotate(90)" text-anchor="middle">Britain</text></g><path stroke="#bebada" fill="#bebada" d="M148.42143497047527,126.4756009723021A195,195,0,0,1,-186.82940792395553,55.85492220730616L-177.24841264580397,52.9905672223161A185,185,0,0,0,140.8100793309637,119.98967271731225Z"></path><g transform="rotate(101.89545821344754) translate(195,0)"><text x="0" y="-10" dy="0.55rem" transform="rotate(90)" text-anchor="middle">Ireland</text></g><path stroke="#fb8072" fill="#fb8072" d="M-189.57424642186498,45.67937273630201A195,195,0,0,1,-10.535408326876668,-194.71518988354754L-9.995130976780429,-184.7297955305451A185,185,0,0,0,-179.8524901951027,43.33684080110703Z"></path><g transform="rotate(216.67766282479664) translate(195,0)"><text x="0" y="-10" dy="0.55rem" transform="rotate(90)" text-anchor="middle">Spain</text></g></g></g></svg></div></div></div><div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6"></div><div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6"></div></div></div></main></div><footer>© <!-- -->2021<!-- -->, Built by<!-- --> <a href="https://www.infosum.com">InfoSum</a></footer></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/chord/";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-b5a0f4fa30e53f8f7a96.js"],"app":["/app-17bc1dc29ad142b00b6b.js"],"component---src-pages-404-js":["/component---src-pages-404-js-be6d34257d06fc36da40.js"],"component---src-pages-brush-tsx":["/component---src-pages-brush-tsx-ad6993893c7b082f996b.js"],"component---src-pages-chord-tsx":["/component---src-pages-chord-tsx-a3589601b1ccd84365f3.js"],"component---src-pages-histogram-tsx":["/component---src-pages-histogram-tsx-4b963282c9c1ce47d18e.js"],"component---src-pages-index-tsx":["/component---src-pages-index-tsx-9a79abb6a0edffe5d281.js"],"component---src-pages-joyplot-tsx":["/component---src-pages-joyplot-tsx-603b494c6f0cc8206e1a.js"],"component---src-pages-line-tsx":["/component---src-pages-line-tsx-ca22141f5a732cdc74b0.js"],"component---src-pages-map-tsx":["/component---src-pages-map-tsx-9d2aaf0df1ef46ce9158.js"],"component---src-pages-pie-tsx":["/component---src-pages-pie-tsx-bb034589f6143b5c2e17.js"],"component---src-pages-radar-tsx":["/component---src-pages-radar-tsx-9fdb3dd8bdda847098c9.js"],"component---src-pages-scatter-tsx":["/component---src-pages-scatter-tsx-06f9ccc5da7dadbb0707.js"],"component---src-pages-tornado-tsx":["/component---src-pages-tornado-tsx-7c08c03a4410843396a0.js"],"component---src-pages-upset-tsx":["/component---src-pages-upset-tsx-ba1c905f4c36d40d8569.js"]};/*]]>*/</script><script src="/cl-react-graph/polyfill-b5a0f4fa30e53f8f7a96.js" nomodule=""></script><script src="/cl-react-graph/component---src-pages-chord-tsx-a3589601b1ccd84365f3.js" async=""></script><script src="/cl-react-graph/43ec5c4fa0b06b7598d463d7125378a1d55351c8-abaccd76ccb9d6ada99e.js" async=""></script><script src="/cl-react-graph/commons-40aabcf3e35d206b877e.js" async=""></script><script src="/cl-react-graph/styles-e9d24b1846c7d6eb9685.js" async=""></script><script src="/cl-react-graph/app-17bc1dc29ad142b00b6b.js" async=""></script><script src="/cl-react-graph/framework-ee3114de82f5eaed727a.js" async=""></script><script src="/cl-react-graph/webpack-runtime-070b9074f2d02137cca0.js" async=""></script></body></html>