cl-react-graph
Version:
React D3 Charts
2 lines • 8.03 kB
JavaScript
"use strict";(self.webpackChunkdocs2=self.webpackChunkdocs2||[]).push([[691],{6362:function(e,l,t){t.d(l,{A:function(){return y}});var a=t(7294),n=t(9),r=t(5217);const s=n.default.footer.withConfig({displayName:"Footer__StyledFooter",componentId:"sc-1jzmar1-0"})(["color:#aaa;"]),h=()=>a.createElement(s,null,"© ",(new Date).getFullYear(),", Built by"," ",a.createElement("a",{href:"https://www.infosum.com"},"InfoSum"));var i=t(1082);const c=e=>a.createElement("svg",Object.assign({role:"img"},e,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 35 35"}),a.createElement("g",null,a.createElement("path",{fill:"hsla(208, 69%, 66%, 1)",d:"M28.48,10.92H24.09V6.79A6.6,6.6,0,0,0,17.51.21h0a6.6,6.6,0,0,0-6.57,6.58v4.13h4.42a8.76,8.76,0,0,1,8.76,8.76v4.4h4.36a6.6,6.6,0,0,0,6.57-6.58h0A6.6,6.6,0,0,0,28.48,10.92Z"}),a.createElement("path",{fill:"hsla(29, 92%, 57%, 1)",d:"M19.7,24.08a8.76,8.76,0,0,1-8.76-8.76v-4.4H6.58A6.6,6.6,0,0,0,0,17.5H0a6.6,6.6,0,0,0,6.58,6.58H11v4.13a6.6,6.6,0,0,0,6.58,6.58h0a6.6,6.6,0,0,0,6.58-6.58V24.08H19.7Z"}),a.createElement("path",{fill:"hsla(216, 60%, 18%, 1)",d:"M15.36,10.92H10.94v4.4a8.76,8.76,0,0,0,8.76,8.76h4.42v-4.4A8.76,8.76,0,0,0,15.36,10.92Z"})));c.defaultProps={height:"35",width:"35"};const o=n.default.h1.withConfig({displayName:"Navbar__H1",componentId:"sc-1ys9ku-0"})(["margin:0;font-size:1.3rem;font-weight:300;margin:0 1rem;"]),m=(0,n.default)(i.rU).withConfig({displayName:"Navbar__TitleLink",componentId:"sc-1ys9ku-1"})(["display:flex;align-items:center;text-decoration:none !important;h1{color:hsla(213,4%,54%,1);}"]),u=()=>a.createElement("div",{style:{display:"flex",alignItems:"center",width:"100%",justifyContent:"space-between"}},a.createElement("div",{style:{width:"35rem",display:"flex",alignItems:"center"}},a.createElement(m,{to:"/"},a.createElement(c,null),a.createElement(o,null,"Cl React Graphs")))),d=n.default.div.withConfig({displayName:"MenuItems__Section",componentId:"sc-mxwozl-0"})(["margin-bottom:1rem;ul{list-style:none;padding:0;}li{padding:0;margin:0;}h2{margin:0 1rem 0.75rem 1rem;font-size:1.1rem;}"]),g=(0,n.default)(i.rU).withConfig({displayName:"MenuItems__MenuItem",componentId:"sc-mxwozl-1"})(["padding:0.5rem 2rem;text-decoration:none;display:block;color:hsla(206,4%,36%,1);&:hover{background:",";}"],(e=>e.theme.brightBlue900)),p=()=>a.createElement(a.Fragment,null,a.createElement(d,null,a.createElement("h2",null,"Getting Started"),a.createElement(g,{to:"/getting-started"},"Getting started")),a.createElement(d,null,a.createElement("h2",null,"Common Components"),a.createElement("ul",null,a.createElement("li",null,a.createElement(g,{to:"/axis"},"Axis")),a.createElement("li",null,a.createElement(g,{to:"/area-fill"},"Area fill")),a.createElement("li",null,a.createElement(g,{to:"/bars"},"Bars")),a.createElement("li",null,a.createElement(g,{to:"/brush"},"Brush")),a.createElement("li",null,a.createElement(g,{to:"/grid"},"Grid")),a.createElement("li",null,a.createElement(g,{to:"/label"},"Label")),a.createElement("li",null,a.createElement(g,{to:"/line"},"Line")),a.createElement("li",null,a.createElement(g,{to:"/path"},"Path")),a.createElement("li",null,a.createElement(g,{to:"/point"},"Point")))),a.createElement(d,null,a.createElement("h2",null,"Charts"),a.createElement("ul",null,a.createElement("li",null,a.createElement(g,{to:"/bar-chart"},"Bar chart")),a.createElement("li",null,a.createElement(g,{to:"/chord"},"Chord")),a.createElement("li",null,a.createElement(g,{to:"/histogram"},"Histogram")),a.createElement("li",null,a.createElement(g,{to:"/joyplot"},"Joyplot")),a.createElement("li",null,a.createElement(g,{to:"/line"},"Line chart")),a.createElement("li",null,a.createElement(g,{to:"/map"},"Map")),a.createElement("li",null,a.createElement(g,{to:"/pie"},"Pie chart")),a.createElement("li",null,a.createElement(g,{to:"/radar"},"Radar chart")),a.createElement("li",null,a.createElement(g,{to:"/scatter"},"Scatter chart")),a.createElement("li",null,a.createElement(g,{to:"/tornado"},"Tornado chart")),a.createElement("li",null,a.createElement(g,{to:"/upset"},"Upset chart"))))),E=n.default.div.withConfig({displayName:"SideMenu__Bg",componentId:"sc-1v6nn7o-0"})(["background-color:#fff;border-right:1px solid hsla(210,31%,90%,1);padding:1.75rem 0;@media (max-width:640px){display:none;}"]),b=()=>a.createElement(E,null,a.createElement(p,null)),f=n.default.div.withConfig({displayName:"Layout__Context",componentId:"sc-1ulvp9i-0"})(["color:",";"],r.r.grey300),y=e=>{let{children:l}=e;return a.createElement(f,null,a.createElement(u,null),a.createElement("div",{style:{display:"grid",gridTemplateColumns:"20rem 1fr",gridGap:"1rem"}},a.createElement(b,null),a.createElement("main",null,l)),a.createElement(h,null))}},5217:function(e,l,t){t.d(l,{r:function(){return a}});const a={black100:"hsla(210, 4%, 9%, 1)",black200:"hsla(200, 3%, 18%, 1)",black300:"hsla(204, 4%, 27%, 1)",blue100:"hsla(216, 56%, 2%, 1)",blue200:"hsla(218, 58%, 7%, 1)",blue300:"hsla(216, 61%, 13%, 1)",blue400:"hsla(216, 60%, 17%, 1)",blue500:"hsla(216, 60%, 18%, 1)",blue600:"hsla(216, 25%, 35%, 1)",blue700:"hsla(215, 14%, 51%, 1)",blue800:"hsla(215, 14%, 75%, 1)",blue900:"hsla(210, 14%, 92%, 1)",brightBlue100:"hsla(208, 36%, 26%, 1)",brightBlue200:"hsla(208, 36%, 40%, 1)",brightBlue300:"hsla(209, 36%, 46%, 1)",brightBlue400:"hsla(208, 40%, 53%, 1)",brightBlue500:"hsla(208, 69%, 66%, 1)",brightBlue600:"hsla(208, 69%, 73%, 1)",brightBlue700:"hsla(208, 69%, 80%, 1)",brightBlue800:"hsla(208, 69%, 86%, 1)",brightBlue900:"hsla(205, 67%, 96%, 1)",green100:"hsla(146, 45%, 10%, 1)",green200:"hsla(143, 45%, 20%, 1)",green300:"hsla(143, 65%, 26%, 1)",green400:"hsla(143, 100%, 26%, 1)",green500:"hsla(143, 100%, 30%, 1)",green600:"hsla(143, 80%, 38%, 1)",green700:"hsla(143, 65%, 48%, 1)",green800:"hsla(143, 60%, 68%, 1)",green900:"hsla(140, 60%, 88%, 1)",grey100:"hsla(204, 4%, 27%, 1)",grey200:"hsla(210, 3%, 45%, 1)",grey300:"hsla(213, 4%, 54%, 1)",grey400:"hsla(212, 9%, 72%, 1)",grey450:"hsla(210, 14%, 81%, 1)",grey500:"hsla(210, 31%, 90%, 1)",grey600:"hsla(208, 32%, 91%, 1)",grey700:"hsla(207, 30%, 93%, 1)",grey800:"hsla(206, 33%, 96%, 1)",grey900:"hsla(240, 20%, 99%, 1)",orange100:"hsla(29, 68%, 29%, 1)",orange200:"hsla(29, 69%, 40%, 1)",orange300:"hsla(28, 68%, 46%, 1)",orange400:"hsla(29, 73%, 51%, 1)",orange500:"hsla(29, 92%, 57%, 1)",orange600:"hsla(28, 92%, 62%, 1)",orange700:"hsla(28, 93%, 79%, 1)",orange800:"hsla(28, 91%, 83%, 1)",orange900:"hsla(30, 91%, 96%, 1)",purple100:"hsla(265, 35%, 15%, 1)",purple200:"hsla(261, 35%, 25%, 1)",purple300:"hsla(261, 40%, 37%, 1)",purple400:"hsla(261, 40%, 50%, 1)",purple500:"hsla(261, 50%, 56%, 1)",purple600:"hsla(261, 55%, 66%, 1)",purple700:"hsla(261, 55%, 76%, 1)",purple800:"hsla(261, 55%, 85%, 1)",purple900:"hsla(264, 55%, 90%, 1)",red100:"hsla(10, 70%, 35%, 1)",red300:"hsla(6, 70%, 45%, 1)",red400:"hsla(6, 80%, 50%, 1)",red500:"hsla(6, 95%, 55%, 1)",red600:"hsla(6, 90%, 60%, 1)",red700:"hsla(6, 90%, 70%, 1)",red800:"hsla(6, 90%, 80%, 1)",red900:"hsla(6, 90%, 90%, 1)",teal300:"hsla(209, 36%, 46%, 1)",teal400:"hsla(208, 40%, 53%, 1)",teal500:"hsla(208, 69%, 66%, 1)",teal600:"hsla(208, 69%, 73%, 1)",teal700:"hsla(208, 69%, 80%, 1)",teal800:"hsla(208, 69%, 86%, 1)",brightTeal300:"hsla(261, 40%, 37%, 1)",brightTeal500:"hsla(261, 50%, 56%, 1)",brightTeal600:"hsla(261, 55%, 66%, 1)",brightTeal800:"hsla(261, 55%, 85%, 1)",white900:"#fff"}},7200:function(e,l,t){t.r(l);var a=t(1082),n=t(7294),r=t(6362);l.default=()=>n.createElement(r.A,null,n.createElement("h1",null,"CL React Graph"),n.createElement("p",null,"CL React Graph exposes a composable set of React building block components to build charts, graphs and visualizations."),n.createElement("p",null,"In addition CL React Graph provides higher level Chart components, created by composing these building blocks."),n.createElement("p",null,"To get started check out the"," ",n.createElement(a.rU,{to:"/getting-started"},"quick start guide")))}}]);
//# sourceMappingURL=component---src-pages-index-tsx-e454ef042d6e35ddc020.js.map