cl-react-graph/docs/component---src-pages-chord-tsx-15b5b8184db02feb1eb6.js

React D3 Charts

"use strict";(self.webpackChunkdocs2=self.webpackChunkdocs2||[]).push([[422],{8816:function(n,e,t){t.r(e);var r=t(7294),a=t(1265),c=t(912),d=t(6759),l=t(1358);e.default=function(){var n=(0,a.z8)("90%"),e=n[0];n[1];return r.createElement(d.A,null,r.createElement("h2",null,"Chord Chart"),r.createElement(l.V,null,r.createElement("div",{ref:e}),r.createElement(c.U,{exampleCode:"import {\n  Chord,\n  useWidth,\n} from 'cl-react-graph;\n\nconst MyComponent = () => {\n  const [ref, width] = useWidth('90%');\n\n  return (\n    <div ref={ref}>\n      <Chord\n        width={width}\n        height={400}\n        data={\n          {\n            'France': [0, 10, 20, 12],\n            'Britain': [20, 0, 30, 2],\n            'Ireland': [30, 40, 0, 23],\n            'Spain': [10, 23, 43, 0]\n          }\n        } />\n  </div>\n  )\n}\n"})))}}}]);
//# sourceMappingURL=component---src-pages-chord-tsx-15b5b8184db02feb1eb6.js.map