1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/BarChart-ZGEaKA6Y.js","assets/vendor-react-CVijXI0n.js","assets/ChartBreadcrumb-BOBTh6lg.js","assets/ChartFAQ-DwXxlpIj.js","assets/References-CIdDEfJg.js","assets/LineGraph-C8Sebmrt.js","assets/ScatterPlot-ZpepufQF.js","assets/PieChart-Da7kaVYF.js","assets/Histogram-lXeWxXE0.js","assets/BoxPlot-BRJHkaWD.js","assets/AreaChart-DHeQA2QE.js","assets/Heatmap-SXIHC0G9.js","assets/DonutChart-DXap3HDw.js","assets/Treemap-PKJvxOso.js","assets/StackedBarChart-DXWUgnPm.js","assets/BubbleChart-DqI0uVZl.js","assets/ViolinPlot-TU9gMo1W.js","assets/SankeyDiagram-DDazshAc.js","assets/WaterfallChart-D37VdwF9.js","assets/RadarChart-Ba3G8iwy.js","assets/CandlestickChart-DOYWtGVD.js","assets/ColumnChart-C5Kw8hTs.js","assets/GroupedBarChart-DB1HISXP.js","assets/LollipopChart-NvEyp44t.js","assets/BulletChart-DhG6zDsr.js","assets/DotPlot-DvateF2E.js","assets/DumbbellChart-bbS8yk7o.js","assets/RangeChart-KJX_4IaO.js","assets/RadialBarChart-BNJLFIxk.js","assets/NightingaleRoseChart-BhOs3uJv.js","assets/PopulationPyramid-D9RU_jqU.js","assets/PictogramChart-Pdmnxa3y.js","assets/QuadrantChart-D3Lj0EdG.js","assets/WrappedBarGraph-f564_B7W.js","assets/SmallMultiples-DryDxVnk.js","assets/DensityPlot-DgpisVwF.js","assets/RidgelinePlot--_MRwU0Y.js","assets/BeeswarmPlot-DRh40hun.js","assets/StripPlot-a_s6-_sz.js","assets/JitterPlot-zmEG8YnU.js","assets/RaincloudPlot-C_NKCTB-.js","assets/HalfEyePlot-B97JsZcz.js","assets/DotBoxplot-DzVGwiH8.js","assets/StemAndLeafPlot-Cy_GCTuy.js","assets/RadialHistogram-h4x7ctoa.js","assets/SpikeHistogram-CPC2fpPH.js","assets/EcdfPlot-DqhDAd_P.js","assets/QQPlot-CpdpuBCO.js","assets/PPPlot-C43ei7Xu.js","assets/SemiCircleDonutChart-CX2dD3o5.js","assets/WaffleChart-BOt-6B5M.js","assets/SunburstChart-6-Dqz0L6.js","assets/IcicleChart-NsDeTKnK.js","assets/CirclePacking-Cu-LhuTE.js","assets/MarimekkoChart-B_GOwUsQ.js","assets/ParliamentChart-CI-W7M7G.js","assets/HundredPercentStackedBarChart-DR8Rbjxh.js","assets/DivergingStackedBarChart-CLnjkUCG.js","assets/IconArray-D0j839L_.js","assets/GaugeChart-DCqRcB6u.js","assets/FunnelChart-dTLa-aPk.js","assets/VoronoiTreemap-DIhvR3vp.js","assets/BubbleTreemap-BpVZmYGy.js","assets/Correlogram-BsfxRKUJ.js","assets/ConnectedScatterPlot-DlU7tT0p.js","assets/HexbinPlot-DoEksAM8.js","assets/ContourPlot-DJo0ZoqM.js","assets/PairPlot-BZAGWlpK.js","assets/SolarCorrelationMap-CNi3uEup.js","assets/OneDimensionalHeatmap-t6Ov-uHV.js","assets/StackedAreaChart-XDjbQETR.js","assets/Streamgraph-MVR3Ezw1.js","assets/Sparkline-C4sApyuW.js","assets/SlopeChart-DPeaj53s.js","assets/BumpChart-BD8d-o_T.js","assets/StepLineChart-BRNQviF9.js","assets/SplineChart-DWLDge0G.js","assets/HorizonChart-CTK-8vbe.js","assets/CalendarHeatmap-CcxuiJ8H.js","assets/GanttChart
1-CV0nd5OW.js","assets/BarcodeChart-DNm6RTYy.js","assets/FanChart-DStwnMdE.js","assets/CumulativeFlowDiagram-D-aZdxeg.js","assets/LasagnaPlot-BLksUVwm.js","assets/LexisDiagram-CrF82zvT.js","assets/DenseLines-CUqkt-k-.js","assets/AlluvialDiagram-Q9j3FgM7.js","assets/ParallelSets-_Nm74PGY.js","assets/DoubleWaterfallChart-Bx6o-cIg.js","assets/TreeDiagram-Bd-q6wBJ.js","assets/Dendrogram-GVFPoLWy.js","assets/RadialTree-Qjn0i3gm.js","assets/HyperbolicTree-DWhh_Aen.js","assets/ConeTree-NFAHMBFy.js","assets/IndentedTree-sCNOGU5l.js","assets/OrganizationalChart-BjtmzHj7.js","assets/FlameChart-B0vTtfeV.js","assets/FlameMap-p3Au_kh3.js","assets/PhylogeneticTree-CQbLNGbP.js","assets/NodeLinkDiagram-DjxPNfWB.js","assets/ForceDirectedGraph-CEDl6yaT.js","assets/AdjacencyMatrix-DrUb1J4C.js","assets/ArcDiagram-B0sN4Ni3.js","assets/ChordDiagram-KhwRABWH.js","assets/NonRibbonChordDiagram-DzDdz1zH.js","assets/HierarchicalEdgeBundling-BoyED0B9.js","assets/ForceDirectedEdgeBundling-DIPtgmqt.js","assets/BipartiteGraph-DzIpEd5E.js","assets/HivePlot-CO4-0bJl.js","assets/CircularLayoutGraph-n3sC71zh.js","assets/MatrixDiagram-zhPaYArA.js","assets/EgoNetworkDiagram-D6Da1LkK.js","assets/BioFabric-DcH_O0pN.js","assets/CircosPlot-DbFLkKk2.js","assets/HypergraphVisualization-Camaugyd.js","assets/ChoroplethMap-CJJgxWjW.js","assets/Cartogram-tNHfWhmN.js","assets/DorlingCartogram-BJ-e52aY.js","assets/DemersCartogram-4M-odkIP.js","assets/NonContiguousCartogram-TPLcx_Lg.js","assets/TileGridMap-CbBoOTWu.js","assets/BivariateTileGridMap-B05QtyfF.js","assets/DotDensityMap-BX3sVdZi.js","assets/ProportionalSymbolMap-C5-XmnHB.js","assets/BubbleMap-BVmIOo3M.js","assets/SpikeMap-ChZCMCAR.js","assets/FlowMap-DDodwYW-.js","assets/ConnectionMap-BAaIaURR.js","assets/HexbinMap-odjqO7SC.js","assets/IsarithmicMap-DhRxh5Ne.js","assets/GeographicHeatMap-zPl9iaLG.js","assets/DasymetricMap-B0sp6tTr.js","assets/ValueByAlphaMap-CNfYIWHV.js","assets/PrismMap-B1MvbCTh.js","assets/SpaceTimeCube-BiiNhx1m.js","assets/VoronoiMap-DsawgzfU.js","assets/NecklaceMap-DF8VkN23.js","assets/ForestPlot-DCIUh_E2.js","assets/FunnelPlotStatistical-aPevZ_xd.js","assets/RocCurve-BJu8y5C0.js","assets/PrecisionRecallCurve-Bux0K27G.js","assets/BlandAltmanPlot-RTUVMePn.js","assets/ControlChart-Deaj9P_N.js","assets/CusumChart-uyESEcr3.js","assets/EwmaChart-Ch6oIzsN.js","assets/ParetoChart-DuTNega_.js","assets/GalbraithPlot-CIoplOuh.js","assets/LabbePlot-CZpPqATW.js","assets/CaterpillarPlot-C8KTZe-C.js","assets/DotAndWhiskerPlot-C6KzaDG-.js","assets/CalibrationPlot-CWcqU7V-.js","assets/ResponseSurfacePlot-BvLimtLz.js","assets/OhlcChart-BiUwWDwM.js","assets/HeikinAshiChart-DdDjHp3X.js","assets/KagiChart-Bf504nOl.js","assets/RenkoChart-RIgG1cQP.js","assets/PointAndFigureChart-6wt_Fcns.js","assets/ThreeLineBreakChart-kPNpcI1Q.js","assets/EquiVolumeChart-nrmF9f0X.js","assets/RangeBarChart-CWRM00eA.js","assets/ManhattanPlot-BtEO1SD8.js","assets/VolcanoPlot-B9GMhi2C.js","assets/MaPlot-BbUJBJ3m.js","assets/KaplanMeierCurve-DUFSi7DH.js","assets/SequenceLogo-BBEQJj2G.js","assets/TernaryPlot-DzDSQxrP.js","assets/PiperDiagram-58Ygpkf9.js","assets/DurovDiagram-BxSlrTWQ.js","assets/RecurrencePlot-BZSxtCUu.js","assets/PhasePortrait-1arkbAZG.js","assets/PoincarePlot-D2O_HUFw.js","assets/VennDiagram-BPE1FltR.js","assets/EulerDiagram-C44RGQ1B.js","assets/UpSetPlot-CSWqZwO7.js","assets/KelpDiagram-DzfTEI3Y.js","assets/ParallelCoordinatesPlot-B5KlY2X9.js","assets/StarPlot-BDRpDYRh.js","assets/ChernoffFaces-lyPM-VD3.js","assets/Radviz-D4m5Ch_0.js","assets/StarCoordinates-0e7c1PKc.js","assets/MosaicPlot-CcoUdXwA.js"])))=>i.map(i=>d[i]); 2import{j as e,L as m,H as C,u as T,r as k,R as B,S as V,a as g,c as O,b as z}from"./vendor-react-CVijXI0n.js";(function(){const c=document.createElement("link").relList;if(c&&c.supports&&c.supports("modulepreload"))return;for(const a of document.querySelectorAll('link[rel="modulepreload"]'))s(a);new MutationObserver(a=>{for(const n of a)if(n.type==="childList")for(const h of n.addedNodes)h.tagName==="LINK"&&h.rel==="modulepreload"&&s(h)}).observe(document,{childList:!0,subtree:!0});function r(a){const n={};return a.integrity&&(n.integrity=a.integrity),a.referrerPolicy&&(n.referrerPolicy=a.referrerPolicy),a.crossOrigin==="use-credentials"?n.credentials="include":a.crossOrigin==="anonymous"?n.credentials="omit":n.credentials="same-origin",n}function s(a){if(a.ep)return;a.ep=!0;const n=r(a);fetch(a.href,n)}})();function F(){return e.jsxs("nav",{className:"sticky top-0 z-50 bg-[var(--bg)]/90 backdrop-blur-md border-b border-[var(--border-color)] px-6 md:px-12 flex items-center justify-between h-[60px]","data-testid":"nav-bar",children:[e.jsxs(m,{href:"/",className:"font-serif text-[18px] font-semibold tracking-[-0.02em] text-[var(--ink)] no-underline","data-testid":"link-logo",children:["visualizing",e.jsx("span",{className:"text-[var(--accent-color)]",children:".org"})]}),e.jsxs("ul",{className:"hidden md:flex items-center gap-8 list-none m-0 p-0","data-testid":"nav-links",children:[e.jsx("li",{children:e.jsx("a",{href:"/#chart-types",className:"text-[13px] font-normal text-[var(--ink-muted)] hover:text-[var(--ink)] transition-colors duration-150 tracking-[0.01em]","data-testid":"link-nav-chart-types",children:"Chart Types"})}),e.jsx("li",{children:e.jsx("a",{href:"/#features",className:"text-[13px] font-normal text-[var(--ink-muted)] hover:text-[var(--ink)] transition-colors duration-150 tracking-[0.01em]","data-testid":"link-nav-concepts",children:"Concepts"})}),e.jsx("li",{children:e.jsx("a",{href:"/#features",className:"text-[13px] font-normal text-[var(--ink-muted)] hover:text-[var(--ink)] transition-colors duration-150 tracking-[0.01em]","data-testid":"link-nav-examples",children:"Examples"})}),e.jsx("li",{children:e.jsx("a",{href:"/#chart-types",className:"text-[13px] font-normal text-[var(--ink-muted)] hover:text-[var(--ink)] transition-colors duration-150 tracking-[0.01em]","data-testid":"link-nav-glossary",children:"Glossary"})}),e.jsx("li",{children:e.jsx("a",{href:"/#chart-types",className:"bg-[var(--ink)] text-white px-[18px] py-[8px] rounded-[4px] text-[13px] font-medium hover:bg-[#333] transition-colors duration-150","data-testid":"link-nav-cta",children:"Get started â"})})]})]})}function $(){return e.jsxs("footer",{className:"border-t border-[var(--border-color)] py-[40px] px-6 md:px-12 max-w-[1100px] mx-auto flex flex-col gap-[24px]","data-testid":"footer",children:[e.jsxs("div",{className:"flex flex-col md:flex-row items-center justify-between gap-4",children:[e.jsxs(m,{href:"/",className:"font-serif text-[14px] text-[var(--ink)] no-underline","data-testid":"footer-logo",children:["visualizing",e.jsx("span",{className:"text-[var(--accent-color)]",children:".org"})]}),e.jsxs("nav",{className:"flex items-center gap-6","data-testid":"footer-links",children:[e.jsx(m,{href:"/privacy",className:"text-[12px] text-[var(--ink-muted)] hover:text-[var(--ink)] transition-colors duration-150 font-mono n
2o-underline",children:"Privacy Policy"}),e.jsx(m,{href:"/terms",className:"text-[12px] text-[var(--ink-muted)] hover:text-[var(--ink)] transition-colors duration-150 font-mono no-underline",children:"Terms & Conditions"}),e.jsx(m,{href:"/contact",className:"text-[12px] text-[var(--ink-muted)] hover:text-[var(--ink)] transition-colors duration-150 font-mono no-underline",children:"Contact Us"})]}),e.jsx("div",{className:"text-[12px] text-[var(--ink-faint)] font-mono","data-testid":"footer-copy",children:"© 2025 â Free forever"})]}),e.jsxs("div",{className:"text-center text-[12px] text-[var(--ink-faint)] font-mono","data-testid":"footer-credit",children:["Made by"," ",e.jsx("a",{href:"https://www.erikrivera.com",target:"_blank",rel:"noopener noreferrer",className:"text-[var(--ink-muted)] hover:text-[var(--accent-color)] transition-colors duration-150 no-underline",children:"Erik Rivera"})]})]})}const v=[{category:"Comparison",charts:[{href:"/bar-chart",name:"Bar chart"},{href:"/bullet-chart",name:"Bullet chart"},{href:"/column-chart",name:"Column chart"},{href:"/dot-plot",name:"Dot plot"},{href:"/dumbbell-chart",name:"Dumbbell chart"},{href:"/grouped-bar-chart",name:"Grouped bar chart"},{href:"/lollipop-chart",name:"Lollipop chart"},{href:"/nightingale-rose-chart",name:"Nightingale rose chart"},{href:"/pictogram-chart",name:"Pictogram chart"},{href:"/population-pyramid",name:"Population pyramid"},{href:"/quadrant-chart",name:"Quadrant chart"},{href:"/radial-bar-chart",name:"Radial bar chart"},{href:"/range-chart",name:"Range chart"},{href:"/small-multiples",name:"Small multiples"},{href:"/wrapped-bar-graph",name:"Wrapped bar graph"}]},{category:"Time series",charts:[{href:"/area-chart",name:"Area chart"},{href:"/barcode-chart",name:"Barcode chart"},{href:"/bump-chart",name:"Bump chart"},{href:"/calendar-heatmap",name:"Calendar heatmap"},{href:"/cumulative-flow-diagram",name:"Cumulative flow diagram"},{href:"/denselines",name:"DenseLines"},{href:"/fan-chart",name:"Fan chart"},{href:"/gantt-chart",name:"Gantt chart"},{href:"/horizon-chart",name:"Horizon chart"},{href:"/lasagna-plot",name:"Lasagna plot"},{href:"/lexis-diagram",name:"Lexis diagram"},{href:"/line-graph",name:"Line graph"},{href:"/slope-chart",name:"Slope chart"},{href:"/sparkline",name:"Sparkline"},{href:"/spline-chart",name:"Spline chart"},{href:"/stacked-area-chart",name:"Stacked area chart"},{href:"/step-line-chart",name:"Step line chart"},{href:"/streamgraph",name:"Streamgraph"}]},{category:"Correlation",charts:[{href:"/one-dimensional-heatmap",name:"1D heatmap"},{href:"/bubble-chart",name:"Bubble chart"},{href:"/connected-scatter-plot",name:"Connected scatter plot"},{href:"/contour-plot",name:"Contour plot"},{href:"/correlogram",name:"Correlogram"},{href:"/hexbin-plot",name:"Hexbin plot"},{href:"/pair-plot",name:"Pair plot"},{href:"/scatter-plot",name:"Scatter plot"},{href:"/solar-correlation-map",name:"Solar correlation map"}]},{category:"Part-to-whole",charts:[{href:"/100-percent-stacked-bar-chart",name:"100% stacked bar chart"},{href:"/bubble-treemap",name:"Bubble treemap"},{href:"/circle-packing",name:"Circle packing"},{href:"/diverging-stacked-bar-chart",name:"Diverging stacked bar chart"},{href:"/donut-chart",name:"Donut chart"},{href:"/funnel-chart",name:"Funnel chart"},{href:"/gauge-chart",name:"Gauge chart"},{href:"/icicle-chart",name:"Icicle chart"},{href:"/icon-array",name:"Icon array"},{href:"/marimekko-chart",name:"Marimekko chart"},{href:"/parliament-chart",name:"Parliament chart"},{href:"/pie-chart",name:"Pie chart"},{href:"/semi-circle-donut-chart",name:"Semi-circle donut chart"},{href:"/stacked-bar-chart",name:"Stacked bar chart"},{href:"/sunburst-chart",name:"Sunburst chart"},{href:"/treemap",name:"Treemap"},{href:"/voronoi-treemap",name:"Voronoi treemap"},{href:"/waffle-chart",name:"Waffle chart"}]},{category:"Distribution",charts:[{href:"/beeswarm-plot",name:"Beeswarm plot"},{href:"/box-plot",name:"Box plot"},{href:"/density-plot",name:"Density plot"},{href:"/dot-boxplot",name:"Dot-boxplot"},{href:"/ecdf-plot",name:"ECDF plot"},{href:"/half-eye-plot",name:"Half-eye plot"},{href:"/histogram",name:"Histogram"},{href:"/jitter-plot",name:"Jitter plot"},{href:"/pp-plot",name:"P-P plot"},{href:"/qq-plot",name:"Q-Q plot"},{href:"/radial-histogram",name:"Radial histogram"},{href:"/raincloud-plot",name:"Raincloud plot"},{href:"/ridgeline-plot",name:"Ridgeline plot"},{href:"/spike-histogram",name:"Spike histogram"},{href:"/stem-and-leaf-plot",name:"Stem-and-leaf plot"},{href:"/strip-plot",name:"Strip plot"}
2,{href:"/violin-plot",name:"Violin plot"}]},{category:"Magnitude",charts:[{href:"/heatmap",name:"Heatmap"}]},{category:"Flow & Process",charts:[{href:"/alluvial-diagram",name:"Alluvial diagram"},{href:"/double-waterfall-chart",name:"Double waterfall chart"},{href:"/parallel-sets",name:"Parallel sets"},{href:"/sankey-diagram",name:"Sankey diagram"},{href:"/waterfall-chart",name:"Waterfall chart"}]},{category:"Multi-dimensional",charts:[{href:"/chernoff-faces",name:"Chernoff faces"},{href:"/mosaic-plot",name:"Mosaic plot"},{href:"/parallel-coordinates-plot",name:"Parallel coordinates plot"},{href:"/radar-chart",name:"Radar chart"},{href:"/radviz",name:"RadViz"},{href:"/star-coordinates",name:"Star coordinates"},{href:"/star-plot",name:"Star plot"}]},{category:"Financial",charts:[{href:"/candlestick-chart",name:"Candlestick chart"},{href:"/equivolume-chart",name:"EquiVolume chart"},{href:"/heikin-ashi-chart",name:"Heikin-Ashi chart"},{href:"/kagi-chart",name:"Kagi chart"},{href:"/ohlc-chart",name:"OHLC chart"},{href:"/point-and-figure-chart",name:"Point-and-figure chart"},{href:"/range-bar-chart",name:"Range bar chart"},{href:"/renko-chart",name:"Renko chart"},{href:"/three-line-break-chart",name:"Three line break chart"}]},{category:"Hierarchy",charts:[{href:"/cone-tree",name:"Cone tree"},{href:"/dendrogram",name:"Dendrogram"},{href:"/flame-chart",name:"Flame chart"},{href:"/flame-map",name:"Flame map"},{href:"/hyperbolic-tree",name:"Hyperbolic tree"},{href:"/indented-tree",name:"Indented tree"},{href:"/organizational-chart",name:"Organizational chart"},{href:"/phylogenetic-tree",name:"Phylogenetic tree"},{href:"/radial-tree",name:"Radial tree"},{href:"/tree-diagram",name:"Tree diagram"}]},{category:"Network",charts:[{href:"/adjacency-matrix",name:"Adjacency matrix"},{href:"/arc-diagram",name:"Arc diagram"},{href:"/biofabric",name:"BioFabric"},{href:"/bipartite-graph",name:"Bipartite graph"},{href:"/chord-diagram",name:"Chord diagram"},{href:"/circos-plot",name:"Circos plot"},{href:"/circular-layout-graph",name:"Circular layout graph"},{href:"/ego-network-diagram",name:"Ego network diagram"},{href:"/force-directed-edge-bundling",name:"Force-directed edge bundling"},{href:"/force-directed-graph",name:"Force-directed graph"},{href:"/hierarchical-edge-bundling",name:"Hierarchical edge bundling"},{href:"/hive-plot",name:"Hive plot"},{href:"/hypergraph-visualization",name:"Hypergraph visualization"},{href:"/matrix-diagram",name:"Matrix diagram"},{href:"/node-link-diagram",name:"Node-link diagram"},{href:"/non-ribbon-chord-diagram",name:"Non-ribbon chord diagram"}]},{category:"Geospatial",charts:[{href:"/bivariate-tile-grid-map",name:"Bivariate tile grid map"},{href:"/bubble-map",name:"Bubble map"},{href:"/cartogram",name:"Cartogram"},{href:"/choropleth-map",name:"Choropleth map"},{href:"/connection-map",name:"Connection map"},{href:"/dasymetric-map",name:"Dasymetric map"},{href:"/demers-cartogram",name:"Demers cartogram"},{href:"/dorling-cartogram",name:"Dorling cartogram"},{href:"/dot-density-map",name:"Dot density map"},{href:"/flow-map",name:"Flow map"},{href:"/geographic-heat-map",name:"Geographic heat map"},{href:"/hexbin-map",name:"Hexbin map"},{href:"/isarithmic-map",name:"Isarithmic map"},{href:"/necklace-map",name:"Necklace map"},{href:"/non-contiguous-cartogram",name:"Non-contiguous cartogram"},{href:"/prism-map",name:"Prism map"},{href:"/proportional-symbol-map",name:"Proportional symbol map"},{href:"/space-time-cube",name:"Space-time cube"},{href:"/spike-map",name:"Spike map"},{href:"/tile-grid-map",name:"Tile grid map"},{href:"/value-by-alpha-map",name:"Value-by-alpha map"},{href:"/voronoi-map",name:"Voronoi map"}]},{category:"Statistical",charts:[{href:"/bland-altman-plot",name:"Bland-Altman plot"},{href:"/calibration-plot",name:"Calibration plot"},{href:"/caterpillar-plot",name:"Caterpillar plot"},{href:"/control-chart",name:"Control chart"},{href:"/cusum-chart",name:"CUSUM chart"},{href:"/dot-and-whisker-plot",name:"Dot-and-whisker plot"},{href:"/ewma-chart",name:"EWMA chart"},{href:"/forest-plot",name:"Forest plot"},{href:"/funnel-plot-statistical",name:"Funnel plot"},{href:"/galbraith-plot",name:"Galbraith plot"},{href:"/labbe-plot",name:"L'Abbé plot"},{href:"/pareto-chart",name:"Pareto chart"},{href:"/precision-recall-curve",name:"Precision-recall curve"},{href:"/response-surface-plot",name:"Response surface plot"},{href:"/roc-curve",name:"ROC curve"}]},{category:"Scientific",charts:[{href:"/durov-diagram",name:"Durov diagram"},{href:"/kaplan-meier-curve",name:"Kaplan-Meier curve"},{href:"/ma-plot",name:"MA plot"},{href:"/manhattan-plot",name:"Manhattan plot"},{href:"/phase-portrait",name:"Phase portrait"},{href:"/piper-diagram",name:"Piper diagram"},{href:"/poincare-plot",name:"Poincaré plot"},{href:"/recurrence-plot",name:"Recurrence plot"},{href:"/sequence-logo",name:"Sequence logo"},{href:"/ternary-plot",name:"Ternary plot"},{href:"/volcano-plot",name:"Volcano plot"}]},{category:"Sets",charts:[{href:"/euler-diagram",name:"Euler diagram"},{href:"/kelp-diagram",name:"Kelp diagram"},{href:"/upset-plot",name:"UpSet plot"},{href:"/venn-diagram",name:"Venn diagram"}]}],j="https://www.visualizing.org",E="visualizing.org",H=`${j}/#website`,N=`${j}/#organization`;function Z(o){return o.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/(^-|-$)/g,"")}const G=(()=>{const o=new Map;for(const c of v){const r=Z(c.category);for(const s of c.charts)o.set(s.href,{slug:s.href,chartName:s.name,categoryName:c.category,categorySlug:r})}return o}
2)();function I(o){return G.get(o)}function Oe(o){const c=I(o);return c?[{name:"Home",href:"/"},{name:"Chart Types",href:"/chart-types"},{name:c.categoryName,href:`/chart-types#${c.categorySlug}`},{name:c.chartName,href:null}]:[{name:"Home",href:"/"},{name:"Chart Types",href:"/chart-types"}]}function Ee(o){const c=I(o),r=[{"@type":"ListItem",position:1,name:"Home",item:j},{"@type":"ListItem",position:2,name:"Chart Types",item:`${j}/chart-types`}];return c?(r.push({"@type":"ListItem",position:3,name:c.categoryName,item:`${j}/chart-types#${c.categorySlug}`}),r.push({"@type":"ListItem",position:4,name:c.chartName})):r.push({"@type":"ListItem",position:3,name:o.replace(/^\//,"")}),{"@type":"BreadcrumbList","@id":`${j}${o}/#breadcrumb`,itemListElement:r}}function U(o){return`${j}${o}/#hero-image`}function Ne(o){const{slug:c,caption:r,width:s=620,height:a=280,contentUrl:n}=o,h={"@type":"ImageObject","@id":U(c),contentUrl:n??`${j}${c}#hero`,caption:r,representativeOfPage:!0};return s&&(h.width=s),a&&(h.height=a),h}function Le(o){const{slug:c,id:r,name:s,description:a,totalTime:n,tool:h,steps:x}=o,p={"@type":"HowTo","@id":`${j}${c}/#${r??"howto-steps"}`,name:s,description:a,step:x.map((d,f)=>{const y={"@type":"HowToStep",position:f+1,name:d.name,text:d.text};return d.image&&(y.image=d.image),y})};return n&&(p.totalTime=n),h&&h.length&&(p.tool=h),p}const q={"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":H,url:j,name:E,publisher:{"@id":N},inLanguage:"en"},{"@type":"Organization","@id":N,name:E,url:j,logo:{"@type":"ImageObject","@id":`${j}/#logo`,url:`${j}/favicon.svg`,contentUrl:`${j}/favicon.svg`}}]},Q=JSON.stringify(q);function X(){return e.jsx(C,{children:e.jsx("script",{type:"application/ld+json","data-sitewide-schema":"true",children:Q})})}function J({children:o}){return e.jsxs("div",{className:"min-h-screen bg-[var(--bg)] text-[var(--ink)] font-sans selection:bg-[var(--accent-light)] selection:text-[var(--accent-color)]",children:[e.jsx(X,{}),e.jsx(F,{}),e.jsx("main",{children:o}),e.jsx($,{})]})}function K(){const[o]=T(),c=k.useRef(o),r=k.useRef(!1);return k.useEffect(()=>{const s=()=>{r.current=!0};return window.addEventListener("popstate",s),()=>window.removeEventListener("popstate",s)},[]),k.useEffect(()=>{if(c.current!==o){if(c.current=o,r.current){r.current=!1;return}window.scrollTo(0,0)}},[o]),null}function t({href:o,name:c,description:r,category:s,testId:a,children:n}){return e.jsxs(m,{href:o,className:"bg-[var(--bg-card)] cursor-pointer border border-[var(--border-color)] rounded-[10px] p-[24px] pb-[20px] px-[20px] block text-[var(--ink)] no-underline hover:border-[var(--accent-border-hover)] hover:-translate-y-[2px] hover:shadow-[var(--shadow-card)] transition-all duration-150","data-testid":a,children:[e.jsx("div",{className:"h-[90px] mb-[16px] flex items-end justify-center",children:n}),e.jsx("p",{className:"text-[13px] font-medium text-[var(--ink)] mb-[4px]",children:c}),e.jsx("p",{className:"text-[11px] text-[var(--ink-muted)] font-light leading-[1.5]",children:r}),e.jsx("span",{className:"inline-block mt-[10px] font-mono text-[9px] tracking-[0.08em] uppercase text-[var(--accent-color)] bg-[var(--accent-light)] px-[8px] py-[3px] rounded-[3px]",children:s})]})}const L="visualizing.org",W="https://www.visualizing.org",Y=`${W}/opengraph.jpg`;function b({title:o,description:c,path:r,ogType:s="website",ogImage:a=Y,noindex:n=!1,breadcrumbs:h,jsonLd:x}){const p=`${W}${r}`,d=r==="/"?o:`${o} | ${L}`,f=h?{"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:h.map((y,l)=>({"@type":"ListItem",position:l+1,name:y.name,item:`${W}${y.path}`}))}:null;return e.jsxs(C,{children:[e.jsx("title",{children:d}),e.jsx("meta",{name:"description",content:c}),e.jsx("link",{rel:"canonical",href:p}),e.jsx("meta",{name:"robots",content:n?"noindex, follow":"max-image-preview:large"}),e.jsx("meta",{property:"og:title",content:d}),e.jsx("meta",{property:"og:description",content:c}),e.jsx("meta",{property:"og:type",content:s}),e.jsx("meta",{property:"og:url",content:p}),e.jsx("meta",{property:"og:site_name",content:L}),e.jsx("meta",{property:"og:image",content:a}),e.jsx("meta",{name:"twitter:card",content:"summary_large_image"}),e.jsx("meta",{name:"twitter:title",content:d}),e.jsx("meta",{name:"twitter:description",content:c}),e.jsx("meta",{name:"twitter:image",content:a}),f&&e.jsx("script",{type:"application/ld+json",children:JSON.stringify(f)}),x?.map((y,l)=>e.jsx("script",{type:"application/ld+json",children:JSON.stringify(y)},l))]})}const ee="/assets/servicedogs-logo_1777397755175-j19Hw22L.png",te=[{name:"Service Dogs",anchorText:"Service dogs",logoUrl:ee,href:"https://www.servicedogs.com"},{name:"Dexascans",anchorText:"Dexascans",wordmark:"Dexascans",href:"https://www.dexascans.com/"}];function ie(){const[o,c]=k.useState(!1);return k.useEffect(()=>{c(!0)},[]),e.jsxs(e.Fragment,{children:[e.jsx(b,{title:"Visualizing.org | Chart Types, Graphs & Data Visualization Guide",description:"Explore 180+ chart types with examples, use cases, best practices, code snippets, and guidance for choosing the right visualization for your data.",path:"/"}),e.jsx("section",{"data-testid":"section-hero",children:e.jsxs("div",{className:"max-w-[1100px] mx-auto px-6 md:px-12 pt-[64px] pb-[64px] md:pt-[96px] md:pb-[80px] grid grid-cols-1 md:grid-cols-[1fr_420px] gap-12 md:gap-[64px] items-center",children:[e.jsxs("div",{"data-testid":"hero-text",children:[e.jsx("p",{className:"font-mono text-[11px] tracking-[0.12em] text-[var(--accent-color)] uppercase mb-5","data-testid":"text-hero-eyebrow",children:"// The definitive reference"}),e.jsx("h1",{className:"font-serif text-[42px] md:text-[56px] font-normal leading-[1.1] tracking-[-0.02em] text-[var(--ink)] mb-6","data-testid":"text-hero-heading",children:"The Complete Guide to Chart Types and Data Visualization"}),e.jsx("p",{className:"text-[15px] md:text-[17px] font-light text-[var(--ink-muted)] leading-[1.65] max-w-[480px] mb-[36px]","data-testid":"text-hero-subtitle",children:"Data visualization is the language of insight. We break down every chart type â what it is, when to use it, and how to read it â in plain English."}),e.jsxs("div",{className:"flex flex-wrap items-center gap-[20px]","data-testid":"hero-actions",children:[e.jsx("a",{href:"#chart
2-types",className:"bg-[var(--accent-color)] text-white px-[28px] py-[13px] rounded-[4px] text-[14px] font-medium hover:bg-[#a83924] transition-colors duration-150","data-testid":"button-primary-browse",children:"Browse chart types"}),e.jsx("a",{href:"#chart-types",className:"text-[14px] text-[var(--ink-muted)] hover:text-[var(--ink)] flex items-center gap-[6px] transition-colors duration-150","data-testid":"button-ghost-basics",children:"Start with the basics â"})]})]}),e.jsxs("div",{className:"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[12px] p-[28px] pb-[20px] relative","data-testid":"hero-chart-card",children:[e.jsxs("div",{className:"font-mono text-[10px] text-[var(--ink-faint)] tracking-[0.08em] uppercase mb-[16px] flex justify-between","data-testid":"chart-label",children:[e.jsx("span",{className:"text-[var(--accent-color)] font-medium",children:"Bar chart"}),"Monthly visitors by source"]}),e.jsx("div",{className:"flex items-end gap-[10px] h-[140px]","data-testid":"hero-chart-bars",children:[{label:"Jan",height:60,highlighted:!1},{label:"Feb",height:90,highlighted:!0},{label:"Mar",height:48,highlighted:!1},{label:"Apr",height:76,highlighted:!1},{label:"May",height:54,highlighted:!1},{label:"Jun",height:100,highlighted:!0}].map((r,s)=>e.jsxs("div",{className:"flex flex-col items-center gap-[6px] flex-1","data-testid":`chart-bar-group-${r.label}`,children:[e.jsx("div",{className:`w-full rounded-t-[3px] transition-colors duration-200 ${o?"animate-grow-up":"scale-y-0"} ${r.highlighted?"bg-[var(--accent-color)]":"bg-[var(--accent-light)]"}`,style:{height:`${r.height}px`,animationDelay:`${s*.08}s`},"data-testid":`chart-bar-${r.label}`}),e.jsx("div",{className:"text-[10px] text-[var(--ink-faint)] font-mono",children:r.label})]},s))}),e.jsxs("div",{className:"mt-[16px] pt-[14px] border-t border-[var(--border-color)] flex items-center gap-[16px]","data-testid":"chart-legend",children:[e.jsxs("div",{className:"flex items-center gap-[6px] text-[11px] text-[var(--ink-muted)] font-mono",children:[e.jsx("span",{className:"w-[8px] h-[8px] rounded-full bg-[var(--accent-light)] border border-[var(--accent-color)] inline-block"})," Other"]}
2),e.jsxs("div",{className:"flex items-center gap-[6px] text-[11px] text-[var(--ink-muted)] font-mono",children:[e.jsx("span",{className:"w-[8px] h-[8px] rounded-full bg-[var(--accent-color)] inline-block"})," Highlighted"]}),e.jsx("div",{className:"ml-auto text-[11px] text-[var(--ink-faint)] font-mono",children:"Jan â Jun 2025"})]})]})]})}),e.jsx("div",{className:"border-y border-[var(--border-color)] bg-[var(--bg-card)]","data-testid":"section-stats",children:e.jsx("div",{className:"max-w-[1100px] mx-auto px-6 md:px-12 flex flex-col md:flex-row",children:[{num:"80+",desc:"Chart types documented"},{num:"400+",desc:"Real-world examples"},{num:"12",desc:"Core concept guides"},{num:"Free",desc:"Always, for everyone"}].map((r,s)=>e.jsxs("div",{className:`py-[20px] md:py-[28px] flex-1 border-b md:border-b-0 md:border-r border-[var(--border-color)] last:border-0 md:pl-[40px] first:pl-0 ${s!==0?"md:pl-[40px]":""}`,"data-testid":`stat-item-${s}`,children:[e.jsx("div",{className:"font-serif text-[32px] font-semibold text-[var(--ink)] leading-none mb-[6px]",children:r.num}),e.jsx("div",{className:"text-[13px] text-[var(--ink-muted)] font-light",children:r.desc})]},s))})}),e.jsx("section",{className:"border-b border-[var(--border-color)]","data-testid":"section-sponsors",children:e.jsxs("div",{className:"max-w-[1100px] mx-auto px-6 md:px-12 py-[48px] md:py-[64px]",children:[e.jsxs("div",{className:"text-center mb-[32px] md:mb-[40px]","data-testid":"sponsors-header",children:[e.jsx("p",{className:"font-mono text-[10px] tracking-[0.14em] uppercase text-[var(--accent-color)] mb-[12px]",children:"// Supported by"}),e.jsx("h2",{className:"font-serif text-[28px] md:text-[32px] font-normal tracking-[-0.02em] leading-[1.15] text-[var(--ink)]",children:"Our Sponsors"})]}),e.jsx("ul",{className:"flex flex-wrap items-center justify-center gap-x-[48px] gap-y-[24px] list-none p-0 m-0","data-testid":"sponsors-list",children:te.map(r=>e.jsx("li",{"data-testid":`sponsor-item-${r.name.toLowerCase().replace(/\s+/g,"-")}`,children:e.jsxs("a",{href:r.href,target:"_blank",rel:"noopener",title:`Visit ${r.name} â ${r.anchorText}`,className:"block opacity-80 hover:opacity-100 transition-opacity duration-150","data-testid":`sponsor-link-${r.name.toLowerCase().replace(/\s+/g,"-")}`,children:[r.logoUrl?e.jsx("img",{src:r.logoUrl,alt:`${r.name} logo`,loading:"lazy",className:"h-[40px] md:h-[48px] w-auto object-contain","data-testid":`sponsor-logo-${r.name.toLowerCase().replace(/\s+/g,"-")}`}):e.jsx("span",{className:"font-serif text-[28px] md:text-[32px] font-normal tracking-[-0.01em] leading-none text-[var(--ink)]","data-testid":`sponsor-wordmark-${r.name.toLowerCase().replace(/\s+/g,"-")}`,children:r.wordmark}),e.jsx("span",{className:"sr-only",children:r.anchorText})]})},r.name))})]})}),e.jsxs("section",{id:"chart-types",className:"max-w-[1100px] mx-auto px-6 md:px-12 py-[64px] md:py-[88px]","data-testid":"section-hub",children:[e.jsxs("div",{className:"flex flex-col md:flex-row md:items-end justify-between mb-[48px] gap-4","data-testid":"hub-header",children:[e.jsxs("div",{children:[e.jsx("p",{className:"font-mono text-[10px] tracking-[0.14em] uppercase text-[var(--accent-color)] mb-[12px]",children:"// Hub pages"}),e.jsx("h2",{className:"font-serif text-[32px] md:text-[36px] font-normal tracking-[-0.02em] leading-[1.15] text-[var(--ink)]",children:"Explore by chart type"})]}),e.jsx("span",{className:"text-[13px] text-[var(--ink-muted)] hover:text-[var(--ink)] flex items-center gap-[4px] whitespace-nowrap pb-[4px] border-b border-[var(--border-color)] hover:border-[var(--ink)] transition-all duration-150 w-fit cursor-pointer","data-testid":"link-view-all-types",children:"View all 80+ types â"})]}),e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-[16px]","data-testid":"chart-grid",children:[e.jsx(t,{href:"/bar-chart",name:"Bar chart",description:"Compare values across categories side-by-side",category:"Comparison",testId:"card-chart-bar",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"6",y:"32",width:"14",height:"48",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"24",y:"14",width:"14",height:"66",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"42",y:"44",width:"14",height:"36",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"60",y:"20",width:"14",height:"60",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"78",y:"52",width:"14",height:"28",rx:"2",fill:"#f5ede9"}),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/line-graph",name:"Line graph",description:"Show trends and change over a time period",category:"Time series",testId:"card-chart-line",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("polyline",{points:"4,60 20,48 36,54 52,28 68,34 84,14 100,20",fill:"none",stroke:"#f5ede9",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("polyline",{points:"4,60 20,48 36,54 52,28 68,34 84,14 100,20",fill:"none",stroke:"#c94a2e",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("circle",{cx:"84",cy:"14",r:"4",fill:"#c94a2e"}),e.jsx("circle",{cx:"84",cy:"14",r:"7",fill:"none",stroke:"#c94a2e",strokeWidth:"1",strokeOpacity:"0.4"}),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/scatter-plot",name:"Scatter plot",description:"Reveal relationships and correlations between two variables",category:"Correlation",testId:"card-chart-scatter",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("circle",{cx:"18",cy:"62",r:"3.5",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"32",cy:"50",r:"3.5",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"44",cy:"44",r:"3.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"55",cy:"36",r:"3.5",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"68",cy:"28",r:"3.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"80",cy:"20",r:"3.5",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"25",cy:"38",r:"3.5",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"72",cy:"48",r:"3.5",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("line",{x1:"12",y1:"72",x2:"90",y2:"16",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.15",strokeDasharray:"4,3"}),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"}),e.jsx("line",{x1:"0",y1:"0",x2:"0",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/pie-chart",name:"Pie chart",description:"Display proportions of a whole as slices",category:"Part-to-whole",testId:"card-chart-pie",children:e.jsx("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:e.jsxs("g",{transform:"translate(50,42)",children:[e.jsx("path",{d:"M0,-34 A34,34 0 0,1 34,0 L0,0 Z",fill:"#c94a2e"}),e.jsx("path",{d:"M34,0 A34,34 0 0,1 -20,28 L0,0 Z",fill:"#f5ede9",stroke:"#fff",strokeWidth:"1.5"}),e.jsx("path",{d:"M-20,28 A34,34 0 0,1 -28,-20 L0,0 Z",fill:"#e8d5cf",stroke:"#fff",strokeWidth:"1.5"}),e.jsx("path",{d:"M-28,-20 A34,34 0 0,1 0,-34 L0,0 Z",fill:"#f0e4e0",stroke:"#fff",strokeWidth:"1.5"})]})})}),e.jsx(t,{href:"/histogram",name:"Histogram",description:"See how data is distributed across a range",category:"Distribution",testId:"card-chart-histogram",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"4",y:"64",width:"14",height:"16",rx:"1",fill:"#f5ede9"}),e.jsx("rect",{x:"19",y:"48",width:"14",height:"32",rx:"1",fill:"#f5ede9"}),e.jsx("rect",{x:"34",y:"20",width:"14",height:"60",rx:"1",fill:"#c94a2e"}),e.jsx("rect",{x:"49",y:"28",width:"14",height:"52",rx:"1",fill:"#f5ede9"}),e.jsx("rect",{x:"64",y:"44",width:"14",height:"36",rx:"1",fill:"#f5ede9"}),e.jsx("rect",{x:"79",y:"62",width:"14",height:"18",rx:"1",fill:"#f5ede9"}),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/box-plot",name:"Box plot",description:"Summarize a dataset's spread and outliers at a glance",category:"Distribution",testId:"card-chart-boxplot",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"30",y1:"16",x2:"30",y2:"28",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("rect",{x:"16",y:"28",width:"28",height:"28",rx:"2",fill:"none",stroke:"#c94a2e",strokeWidth:"2"}),e.jsx("line",{x1:"16",y1:"44",x2:"44",y2:"44",stroke:"#c94a2e",strokeWidth:"2"}),e.jsx("line",{x1:"30",y1:"56",x2:"30",y2:"68",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("line",{x1:"22",y1:"16",x2:"38",y2:"16",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("line",{x1:"22",y1:"68",x2:"38",y2:"68",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("circle",{cx:"70",cy:"28",r:"3",fill:"none",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("line",{x1:"70",y1:"28",x2:"70",y2:"38",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("rect",{x:"58",y:"38",width:"24",height:"22",rx:"2",fill:"none",stroke:"#c94a2e",strokeWidth:"2"}),e.jsx("line",{x1:"58",y1:"48",x2:"82",y2:"48",stroke:"#c94a2e",strokeWidth:"2"}),e.jsx("line",{x1:"70",y1:"60",x2:"70",y2:"70",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("line",{x1:"62",y1:"70",x2:"78",y2:"70",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/area-chart",name:"Area chart",description:"Like a line chart, but emphasizes the volume below",category:"Time series",testId:"card-chart-area",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("path",{d:"M0,80 L0,56 C15,48 25,52 40,32 C55,14 70,24 100,18 L100,80 Z",fill:"#f5ede9"}),e.jsx("path",{d:"M0,56 C15,48 25,52 40,32 C55,14 70,24 100,18",fill:"none",stroke:"#c94a2e",strokeWidth:"2",strokeLinecap:"round"}),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/heatmap",name:"Heatmap",description:"Encode magnitude through color intensity across a grid",category:"Magnitude",testId:"card-chart-heatmap",children:e.jsx("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:e.jsxs("g",{opacity:"1",children:[e.jsx("rect",{x:"2",y:"6",width:"20",height:"16",rx:"2",fill:"#f5ede9"}
2),e.jsx("rect",{x:"25",y:"6",width:"20",height:"16",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"48",y:"6",width:"20",height:"16",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"71",y:"6",width:"20",height:"16",rx:"2",fill:"#9e3522"}),e.jsx("rect",{x:"2",y:"26",width:"20",height:"16",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"25",y:"26",width:"20",height:"16",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"48",y:"26",width:"20",height:"16",rx:"2",fill:"#9e3522"}),e.jsx("rect",{x:"71",y:"26",width:"20",height:"16",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"2",y:"46",width:"20",height:"16",rx:"2",fill:"#f0e4e0"}),e.jsx("rect",{x:"25",y:"46",width:"20",height:"16",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"48",y:"46",width:"20",height:"16",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"71",y:"46",width:"20",height:"16",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"2",y:"62",width:"20",height:"12",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"25",y:"62",width:"20",height:"12",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"48",y:"62",width:"20",height:"12",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"71",y:"62",width:"20",height:"12",rx:"2",fill:"#c94a2e"})]})})}),e.jsx(t,{href:"/donut-chart",name:"Donut chart",description:"Show proportions with a hollow center for key metrics",category:"Part-to-whole",testId:"card-chart-donut",children:e.jsx("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:e.jsxs("g",{transform:"translate(50,42)",children:[e.jsx("path",{d:"M0,-34 A34,34 0 0,1 34,0 L21,0 A21,21 0 0,0 0,-21 Z",fill:"#c94a2e"}),e.jsx("path",{d:"M34,0 A34,34 0 0,1 -20,28 L-12,17 A21,21 0 0,0 21,0 Z",fill:"#f5ede9",stroke:"#e8d5cf",strokeWidth:"0.5"}),e.jsx("path",{d:"M-20,28 A34,34 0 0,1 -28,-20 L-12,17 A21,21 0 0,0 -12,17 Z",fill:"#e8c4b8"}),e.jsx("path",{d:"M-28,-20 A34,34 0 0,1 0,-34 L0,-21 A21,21 0 0,0 -17,-12 Z",fill:"#f0e4e0"})]})})}),e.jsx(t,{href:"/semi-circle-donut-chart",name:"Semi-circle donut chart",description:"A half-donut gauge for showing progress or proportions",category:"Part-to-whole",children:e.jsx("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:e.jsxs("g",{transform:"translate(50,60)",children:[e.jsx("path",{d:"M-38,0 A38,38 0 0,1 -13,-36 L-8,-22 A23,23 0 0,0 -23,0 Z",fill:"#c94a2e"}),e.jsx("path",{d:"M-13,-36 A38,38 0 0,1 30,-24 L18,-14 A23,23 0 0,0 -8,-22 Z",fill:"#e8c4b8"}),e.jsx("path",{d:"M30,-24 A38,38 0 0,1 38,0 L23,0 A23,23 0 0,0 18,-14 Z",fill:"#f5ede9"})]})})}),e.jsx(t,{href:"/waffle-chart",name:"Waffle chart",description:"A grid of cells showing proportions with countable units",category:"Part-to-whole",children:e.jsx("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:Array.from({length:50},(r,s)=>{const a=Math.floor(s/10),n=s%10;return e.jsx("rect",{x:5+n*9.5,y:10+a*13,width:"8",height:"11",rx:"1.5",fill:s<35?"#c94a2e":"#f5ede9"},s)})})}),e.jsx(t,{href:"/treemap",name:"Treemap",description:"Visualize hierarchical data as nested rectangles by size",category:"Part-to-whole",testId:"card-chart-treemap",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"1",y:"1",width:"55",height:"78",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"58",y:"1",width:"41",height:"40",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"58",y:"43",width:"20",height:"36",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"80",y:"43",width:"19",height:"36",rx:"2",fill:"#f0e4e0"})]})}),e.jsx(t,{href:"/sunburst-chart",name:"Sunburst chart",description:"Multi-ring radial chart for hierarchical part-to-whole data",category:"Part-to-whole",children:e.jsx("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:e.jsxs("g",{transform:"translate(50,42)",children:[e.jsx("circle",{r:"10",fill:"#c94a2e",opacity:"0.4"}),e.jsx("path",{d:"M0,-12 A12,12 0 0,1 12,0 L20,0 A20,20 0 0,0 0,-20 Z",fill:"#c94a2e",opacity:"0.7"}),e.jsx("path",{d:"M12,0 A12,12 0 0,1 0,12 L0,20 A20,20 0 0,0 20,0 Z",fill:"#e8c4b8"}),e.jsx("path",{d:"M0,12 A12,12 0 0,1 -12,0 L-20,0 A20,20 0 0,0 0,20 Z",fill:"#f5ede9"}),e.jsx("path",{d:"M-12,0 A12,12 0 0,1 0,-12 L0,-20 A20,20 0 0,0 -20,0 Z",fill:"#f0e4e0"}),e.jsx("path",{d:"M0,-20 A20,20 0 0,1 20,0 L30,0 A30,30 0 0,0 0,-30 Z",fill:"#c94a2e",opacity:"0.45"}),e.jsx("path",{d:"M20,0 A20,20 0 0,1 0,20 L0,30 A30,30 0 0,0 30,0 Z",fill:"#e8c4b8",opacity:"0.5"}),e.jsx("path",{d:"M0,20 A20,20 0 0,1 -20,0 L-30,0 A30,30 0 0,0 0,30 Z",fill:"#f5ede9",opacity:"0.5"}),e.jsx("path",{d:"M-20,0 A20,20 0 0,1 0,-20 L0,-30 A30,30 0 0,0 -30,0 Z",fill:"#f0e4e0",opacity:"0.5"})]})})}),e.jsx(t,{href:"/icicle-chart",name:"Icicle chart",description:"Rectangular partition of hierarchical data by level",category:"Part-to-whole",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"1",y:"2",width:"98",height:"18",rx:"2",fill:"#c94a2e",opacity:"0.8"}),e.jsx("rect",{x:"1",y:"22",width:"50",height:"18",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"53",y:"22",width:"46",height:"18",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"1",y:"42",width:"25",height:"18",rx:"2",fill:"#e8c4b8",opacity:"0.7"}),e.jsx("rect",{x:"28",y:"42",width:"25",height:"18",rx:"2",fill:"#f0e4e0"}),e.jsx("rect",{x:"53",y:"42",width:"22",height:"18",rx:"2",fill:"#f5ede9",opacity:"0.7"}),e.jsx("rect",{x:"77",y:"42",width:"22",height:"18",rx:"2",fill:"#f0e4e0",opacity:"0.7"})]})}),e.jsx(t,{href:"/circle-packing",name:"Circle packing",description:"Nested circles showing hierarchy with organic proportional layout",category:"Part-to-whole",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("circle",{cx:"50",cy:"40",r:"36",fill:"none",stroke:"#e8c4b8",strokeWidth:"1"}),e.jsx("circle",{cx:"36",cy:"38",r:"20",fill:"#c94a2e",opacity:"0.5"}),e.jsx("circle",{cx:"66",cy:"28",r:"12",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.5"}),e.jsx("circle",{cx:"70",cy:"52",r:"10",fill:"#e8c4b8",opacity:"0.6"})]})}),e.jsx(t,{href:"/marimekko-chart",name:"Marimekko chart",description:"Variable-width stacked bars for two-dimensional composition",category:"Part-to-whole",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"2",y:"4",width:"40",height:"40",fill:"#c94a2e",opacity:"0.7"}),e.jsx("rect",{x:"2",y:"44",width:"40",height:"32",fill:"#c94a2e",opacity:"0.4"}),e.jsx("rect",{x:"44",y:"4",width:"28",height:"35",fill:"#e8c4b8"}),e.jsx("rect",{x:"44",y:"39",width:"28",height:"37",fill:"#e8c4b8",opacity:"0.5"}),e.jsx("rect",{x:"74",y:"4",width:"24",height:"30",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.5"}),e.jsx("rect",{x:"74",y:"34",width:"24",height:"42",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.5",opacity:"0.6"})]})}),e.jsx(t,{href:"/parliament-chart",name:"Parliament chart",description:"Hemicycle of dots showing seat distribution by party",category:"Part-to-whole",children:e.jsx("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[5,8,11].map((r,s)=>{const a=18+s*12;return Array.from({length:r},(n,h)=>{const x=Math.PI-Math.PI*(h+.5)/r;return e.jsx("circle",{cx:50+a*Math.cos(x),cy:55-a*Math.sin(x),r:"4",fill:h<r*.4?"#c94a2e":h<r*.7?"#e8c4b8":"#f5ede9",stroke:"#fff",strokeWidth:"0.8"},`${s}-${h}`)})}).flat()})}),e.jsx(t,{href:"/stacked-bar-chart",name:"Stacked bar chart",description:"Show totals and composition across categories at once",category:"Part-to-whole",testId:"card-chart-stacked-bar",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"10",y:"24",width:"18",height:"56",rx:"2",fill:"#c94a2e"}
2),e.jsx("rect",{x:"10",y:"6",width:"18",height:"16",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"38",y:"20",width:"18",height:"60",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"38",y:"4",width:"18",height:"14",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"66",y:"34",width:"18",height:"46",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"66",y:"16",width:"18",height:"18",rx:"2",fill:"#f5ede9"}),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/bubble-chart",name:"Bubble chart",description:"Show three variables at once â position plus bubble size",category:"Correlation",testId:"card-chart-bubble",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("circle",{cx:"22",cy:"55",r:"8",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"45",cy:"35",r:"18",fill:"#c94a2e",fillOpacity:"0.18",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("circle",{cx:"72",cy:"28",r:"12",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"88",cy:"50",r:"6",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"60",cy:"60",r:"5",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"}),e.jsx("line",{x1:"0",y1:"0",x2:"0",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/violin-plot",name:"Violin plot",description:"Reveal the full shape of a distribution, not just the summary",category:"Distribution",testId:"card-chart-violin",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("path",{d:"M30,8 C30,8 46,18 48,30 C50,42 46,52 40,62 C37,67 33,72 30,76 C27,72 23,67 20,62 C14,52 10,42 12,30 C14,18 30,8 30,8 Z",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("line",{x1:"22",y1:"42",x2:"38",y2:"42",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("path",{d:"M70,12 C70,12 88,22 90,35 C92,45 86,52 82,58 C80,62 78,68 80,72 C82,76 70,78 70,78 C70,78 58,76 60,72 C62,68 60,62 58,58 C54,52 48,45 50,35 C52,22 70,12 70,12 Z",fill:"#c94a2e",fillOpacity:"0.18",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("line",{x1:"62",y1:"48",x2:"78",y2:"48",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/sankey-diagram",name:"Sankey diagram",description:"Trace flows between stages with width-proportional bands",category:"Flow & Process",testId:"card-chart-sankey",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"2",y:"8",width:"8",height:"28",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"2",y:"42",width:"8",height:"18",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"2",y:"66",width:"8",height:"10",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"90",y:"5",width:"8",height:"22",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"90",y:"33",width:"8",height:"20",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"90",y:"59",width:"8",height:"16",rx:"2",fill:"#f5ede9"}),e.jsx("path",{d:"M10,18 C50,18 50,14 90,14",fill:"none",stroke:"#c94a2e",strokeWidth:"12",strokeOpacity:"0.10"}),e.jsx("path",{d:"M10,32 C50,32 50,40 90,40",fill:"none",stroke:"#c94a2e",strokeWidth:"6",strokeOpacity:"0.08"}),e.jsx("path",{d:"M10,48 C50,48 50,48 90,48",fill:"none",stroke:"#e8c4b8",strokeWidth:"8",strokeOpacity:"0.12"}),e.jsx("path",{d:"M10,56 C50,56 50,66 90,66",fill:"none",stroke:"#e8c4b8",strokeWidth:"5",strokeOpacity:"0.10"}),e.jsx("path",{d:"M10,70 C50,70 50,72 90,72",fill:"none",stroke:"#f5ede9",strokeWidth:"4",strokeOpacity:"0.25"})]})}),e.jsx(t,{href:"/waterfall-chart",name:"Waterfall chart",description:"Show how sequential gains and losses build to a total",category:"Flow & Process",testId:"card-chart-waterfall",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"4",y:"10",width:"14",height:"70",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"22",y:"10",width:"14",height:"20",rx:"2",fill:"#2e7d52",fillOpacity:"0.6"}),e.jsx("rect",{x:"40",y:"18",width:"14",height:"12",rx:"2",fill:"#2e7d52",fillOpacity:"0.45"}),e.jsx("rect",{x:"58",y:"30",width:"14",height:"24",rx:"2",fill:"#c94a2e",fillOpacity:"0.5"}),e.jsx("rect",{x:"76",y:"36",width:"14",height:"10",rx:"2",fill:"#c94a2e",fillOpacity:"0.4"}),e.jsx("rect",{x:"76",y:"30",width:"14",height:"50",rx:"2",fill:"none",stroke:"#c94a2e",strokeWidth:"0.5",strokeOpacity:"0"}),e.jsx("rect",{x:"82",y:"28",width:"2",height:"0",fill:"none"}),e.jsx("line",{x1:"18",y1:"10",x2:"22",y2:"10",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.15"}),e.jsx("line",{x1:"36",y1:"30",x2:"40",y2:"30",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.15"}),e.jsx("line",{x1:"54",y1:"30",x2:"58",y2:"30",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.15"}),e.jsx("line",{x1:"72",y1:"54",x2:"76",y2:"54",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.15"}),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/radar-chart",name:"Radar chart",description:"Compare multiple variables on axes from a central point",category:"Multi-dimensional",testId:"card-chart-radar",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("polygon",{points:"50,8 88,28 82,64 18,64 12,28",fill:"none",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.1"}),e.jsx("polygon",{points:"50,20 76,34 72,58 28,58 24,34",fill:"none",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.1"}),e.jsx("line",{x1:"50",y1:"40",x2:"50",y2:"8",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.1"}),e.jsx("line",{x1:"50",y1:"40",x2:"88",y2:"28",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.1"}),e.jsx("line",{x1:"50",y1:"40",x2:"82",y2:"64",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.1"}),e.jsx("line",{x1:"50",y1:"40",x2:"18",y2:"64",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.1"}),e.jsx("line",{x1:"50",y1:"40",x2:"12",y2:"28",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.1"}
2),e.jsx("polygon",{points:"50,12 84,30 70,62 25,58 18,30",fill:"#c94a2e",fillOpacity:"0.12",stroke:"#c94a2e",strokeWidth:"1.5",strokeLinejoin:"round"}),e.jsx("circle",{cx:"50",cy:"12",r:"3",fill:"#c94a2e"}),e.jsx("circle",{cx:"84",cy:"30",r:"3",fill:"#c94a2e"}),e.jsx("circle",{cx:"70",cy:"62",r:"3",fill:"#c94a2e"}),e.jsx("circle",{cx:"25",cy:"58",r:"3",fill:"#c94a2e"}),e.jsx("circle",{cx:"18",cy:"30",r:"3",fill:"#c94a2e"})]})}),e.jsx(t,{href:"/candlestick-chart",name:"Candlestick chart",description:"Track open, high, low, and close prices over time",category:"Financial",testId:"card-chart-candlestick",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"14",y1:"60",x2:"14",y2:"30",stroke:"#2e7d52",strokeWidth:"1.5"}),e.jsx("rect",{x:"8",y:"38",width:"12",height:"16",rx:"1",fill:"#2e7d52"}),e.jsx("line",{x1:"34",y1:"52",x2:"34",y2:"18",stroke:"#2e7d52",strokeWidth:"1.5"}),e.jsx("rect",{x:"28",y:"24",width:"12",height:"22",rx:"1",fill:"#2e7d52"}),e.jsx("line",{x1:"54",y1:"45",x2:"54",y2:"10",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("rect",{x:"48",y:"16",width:"12",height:"22",rx:"1",fill:"#c94a2e"}),e.jsx("line",{x1:"74",y1:"55",x2:"74",y2:"22",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("rect",{x:"68",y:"28",width:"12",height:"20",rx:"1",fill:"#c94a2e"}),e.jsx("line",{x1:"94",y1:"48",x2:"94",y2:"14",stroke:"#2e7d52",strokeWidth:"1.5"}),e.jsx("rect",{x:"88",y:"20",width:"12",height:"22",rx:"1",fill:"#2e7d52"}),e.jsx("line",{x1:"0",y1:"72",x2:"100",y2:"72",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/column-chart",name:"Column chart",description:"Vertical bars for comparing categories with short labels",category:"Comparison",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"8",y:"36",width:"16",height:"44",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"28",y:"14",width:"16",height:"66",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"48",y:"48",width:"16",height:"32",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"68",y:"26",width:"16",height:"54",rx:"2",fill:"#f5ede9"}),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/grouped-bar-chart",name:"Grouped bar chart",description:"Side-by-side bars to compare sub-groups within categories",category:"Comparison",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"6",y:"32",width:"10",height:"48",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"18",y:"20",width:"10",height:"60",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"30",y:"44",width:"10",height:"36",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"50",y:"18",width:"10",height:"62",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"62",y:"12",width:"10",height:"68",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"74",y:"36",width:"10",height:"44",rx:"2",fill:"#e8c4b8"}),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/lollipop-chart",name:"Lollipop chart",description:"A lighter bar chart â thin lines capped with dots",category:"Comparison",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"10",y1:"16",x2:"10",y2:"80",stroke:"#e8c4b8",strokeWidth:"1.5"}),e.jsx("circle",{cx:"10",cy:"16",r:"4",fill:"#c94a2e"}),e.jsx("line",{x1:"30",y1:"28",x2:"30",y2:"80",stroke:"#e8c4b8",strokeWidth:"1.5"}),e.jsx("circle",{cx:"30",cy:"28",r:"4",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("line",{x1:"50",y1:"38",x2:"50",y2:"80",stroke:"#e8c4b8",strokeWidth:"1.5"}),e.jsx("circle",{cx:"50",cy:"38",r:"4",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("line",{x1:"70",y1:"48",x2:"70",y2:"80",stroke:"#e8c4b8",strokeWidth:"1.5"}),e.jsx("circle",{cx:"70",cy:"48",r:"4",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("line",{x1:"90",y1:"58",x2:"90",y2:"80",stroke:"#e8c4b8",strokeWidth:"1.5"}),e.jsx("circle",{cx:"90",cy:"58",r:"4",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/bullet-chart",name:"Bullet chart",description:"Benchmark a value against a target and performance ranges",category:"Comparison",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"0",y:"18",width:"100",height:"20",rx:"2",fill:"#f3f2ee"}),e.jsx("rect",{x:"0",y:"18",width:"75",height:"20",rx:"2",fill:"#e8e7e3"}),e.jsx("rect",{x:"0",y:"18",width:"40",height:"20",rx:"2",fill:"#d4d3cf"}),e.jsx("rect",{x:"0",y:"22",width:"68",height:"12",rx:"2",fill:"#c94a2e"}),e.jsx("line",{x1:"80",y1:"15",x2:"80",y2:"41",stroke:"#1a1a18",strokeWidth:"2"}),e.jsx("rect",{x:"0",y:"50",width:"100",height:"20",rx:"2",fill:"#f3f2ee"}),e.jsx("rect",{x:"0",y:"50",width:"75",height:"20",rx:"2",fill:"#e8e7e3"}),e.jsx("rect",{x:"0",y:"50",width:"40",height:"20",rx:"2",fill:"#d4d3cf"}),e.jsx("rect",{x:"0",y:"54",width:"55",height:"12",rx:"2",fill:"#e8c4b8"}),e.jsx("line",{x1:"60",y1:"47",x2:"60",y2:"73",stroke:"#1a1a18",strokeWidth:"2"})]})}),e.jsx(t,{href:"/dot-plot",name:"Dot plot",description:"Positioned dots for minimal-ink categorical comparison",category:"Comparison",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"0",y1:"16",x2:"100",y2:"16",stroke:"#1a1a18",strokeWidth:"0.3",strokeOpacity:"0.08"}),e.jsx("line",{x1:"0",y1:"32",x2:"100",y2:"32",stroke:"#1a1a18",strokeWidth:"0.3",strokeOpacity:"0.08"}),e.jsx("line",{x1:"0",y1:"48",x2:"100",y2:"48",stroke:"#1a1a18",strokeWidth:"0.3",strokeOpacity:"0.08"}),e.jsx("line",{x1:"0",y1:"64",x2:"100",y2:"64",stroke:"#1a1a18",strokeWidth:"0.3",strokeOpacity:"0.08"}),e.jsx("circle",{cx:"82",cy:"16",r:"4.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"68",cy:"32",r:"4.5",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("circle",{cx:"54",cy:"48",r:"4.5",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("circle",{cx:"36",cy:"64",r:"4.5",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/dumbbell-chart",name:"Dumbbell chart",description:"Two connected dots showing the gap between paired values",category:"Comparison",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"20",y1:"20",x2:"72",y2:"20",stroke:"#e8c4b8",strokeWidth:"3",strokeLinecap:"round"}),e.jsx("circle",{cx:"20",cy:"20",r:"5",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("circle",{cx:"72",cy:"20",r:"5",fill:"#c94a2e"}),e.jsx("line",{x1:"30",y1:"42",x2:"80",y2:"42",stroke:"#e8c4b8",strokeWidth:"3",strokeLinecap:"round"}),e.jsx("circle",{cx:"30",cy:"42",r:"5",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("circle",{cx:"80",cy:"42",r:"5",fill:"#c94a2e"}),e.jsx("line",{x1:"15",y1:"64",x2:"55",y2:"64",stroke:"#e8c4b8",strokeWidth:"3",strokeLinecap:"round"}),e.jsx("circle",{cx:"15",cy:"64",r:"5",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("circle",{cx:"55",cy:"64",r:"5",fill:"#c94a2e"}),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/range-chart",name:"Range chart",description:"Show min-max spread per category with floating bars",category:"Comparison",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"8",y:"20",width:"14",height:"40",rx:"3",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.5"}),e.jsx("rect",{x:"28",y:"30",width:"14",height:"30",rx:"3",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.5"}),e.jsx("rect",{x:"48",y:"10",width:"14",height:"50",rx:"3",fill:"#c94a2e"}),e.jsx("rect",{x:"68",y:"24",width:"14",height:"36",rx:"3",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.5"}),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/radial-bar-chart",name:"Radial bar chart",description:"Bar chart bent into a circle for compact, visual impact",category:"Comparison",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 100",width:"90",height:"90",children:[e.jsx("circle",{cx:"50",cy:"50",r:"20",fill:"none",stroke:"#1a1a18",strokeWidth:"0.3",strokeOpacity:"0.06"}),e.jsx("circle",{cx:"50",cy:"50",r:"35",fill:"none",stroke:"#1a1a18",strokeWidth:"0.3",strokeOpacity:"0.06"}),e.jsx("path",{d:"M50,50 L50,10 A40,40 0 0,1 84,30 Z",fill:"#c94a2e",opacity:"0.8"}),e.jsx("path",{d:"M50,50 L84,30 A35,35 0 0,1 85,60 Z",fill:"#f5ede9",opacity:"0.8"}),e.jsx("path",{d:"M50,50 L85,60 A30,30 0 0,1 65,85 Z",fill:"#e8c4b8",opacity:"0.8"}),e.jsx("path",{d:"M50,50 L65,85 A38,38 0 0,1 20,75 Z",fill:"#f5ede9",opacity:"0.8"}),e.jsx("path",{d:"M50,50 L20,75 A42,42 0 0,1 50,10 Z",fill:"#e8c4b8",opacity:"0.6"})]})}),e.jsx(t,{href:"/nightingale-rose-chart",name:"Nightingale rose chart",description:"Equal-angle wedges with area encoding, invented in 1858",category:"Comparison",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 100",width:"90",height:"90",children:[e.jsx("path",{d:"M50,50 L50,8 A42,42 0 0,1 80,20 Z",fill:"#c94a2e",opacity:"0.7"}),e.jsx("path",{d:"M50,50 L80,20 A30,30 0 0,1 80,50 Z",fill:"#f5ede9",opacity:"0.7"}),e.jsx("path",{d:"M50,50 L80,50 A35,35 0 0,1 65,82 Z",fill:"#e8c4b8",opacity:"0.7"}),e.jsx("path",{d:"M50,50 L65,82 A38,38 0 0,1 25,78 Z",fill:"#f5ede9",opacity:"0.7"}),e.jsx("path",{d:"M50,50 L25,78 A28,28 0 0,1 22,50 Z",fill:"#e8c4b8",opacity:"0.7"}),e.jsx("path",{d:"M50,50 L22,50 A40,40 0 0,1 50,8 Z",fill:"#c94a2e",opacity:"0.5"})]})}
2),e.jsx(t,{href:"/population-pyramid",name:"Population pyramid",description:"Back-to-back bars comparing two groups across ordered bands",category:"Comparison",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"50",y1:"5",x2:"50",y2:"75",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"}),e.jsx("rect",{x:"18",y:"8",width:"32",height:"10",rx:"1",fill:"#c94a2e",opacity:"0.7"}),e.jsx("rect",{x:"50",y:"8",width:"30",height:"10",rx:"1",fill:"#f5ede9"}),e.jsx("rect",{x:"10",y:"22",width:"40",height:"10",rx:"1",fill:"#c94a2e",opacity:"0.7"}),e.jsx("rect",{x:"50",y:"22",width:"38",height:"10",rx:"1",fill:"#f5ede9"}),e.jsx("rect",{x:"15",y:"36",width:"35",height:"10",rx:"1",fill:"#c94a2e",opacity:"0.7"}),e.jsx("rect",{x:"50",y:"36",width:"33",height:"10",rx:"1",fill:"#f5ede9"}),e.jsx("rect",{x:"22",y:"50",width:"28",height:"10",rx:"1",fill:"#c94a2e",opacity:"0.7"}),e.jsx("rect",{x:"50",y:"50",width:"26",height:"10",rx:"1",fill:"#f5ede9"}),e.jsx("rect",{x:"30",y:"64",width:"20",height:"10",rx:"1",fill:"#c94a2e",opacity:"0.7"}),e.jsx("rect",{x:"50",y:"64",width:"18",height:"10",rx:"1",fill:"#f5ede9"})]})}),e.jsx(t,{href:"/pictogram-chart",name:"Pictogram chart",description:"Repeated icons make data tangible for any audience",category:"Comparison",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 70",width:"100",height:"70",children:[[0,1,2,3,4].map(r=>e.jsx("rect",{x:4+r*19,y:"8",width:"14",height:"14",rx:"3",fill:"#c94a2e"},`pa${r}`)),[0,1,2].map(r=>e.jsx("rect",{x:4+r*19,y:"30",width:"14",height:"14",rx:"3",fill:"#e8c4b8"},`pb${r}`)),[0,1,2,3,4,5].map(r=>e.jsx("rect",{x:4+r*19,y:"52",width:"14",height:"14",rx:"3",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.5"},`pc${r}`))]})}),e.jsx(t,{href:"/quadrant-chart",name:"Quadrant chart",description:"Scatter plot split into four strategic classification zones",category:"Comparison",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"0",y:"0",width:"50",height:"40",rx:"2",fill:"#eaf4ee",opacity:"0.5"}),e.jsx("rect",{x:"50",y:"0",width:"50",height:"40",rx:"2",fill:"#f5ede9",opacity:"0.5"}),e.jsx("rect",{x:"0",y:"40",width:"50",height:"40",rx:"2",fill:"#faf9f6",opacity:"0.3"}),e.jsx("rect",{x:"50",y:"40",width:"50",height:"40",rx:"2",fill:"#faeaea",opacity:"0.5"}),e.jsx("line",{x1:"50",y1:"0",x2:"50",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.15",strokeDasharray:"3,2"}),e.jsx("line",{x1:"0",y1:"40",x2:"100",y2:"40",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.15",strokeDasharray:"3,2"}),e.jsx("circle",{cx:"22",cy:"18",r:"4",fill:"#2e7d52",opacity:"0.7"}),e.jsx("circle",{cx:"38",cy:"28",r:"4",fill:"#2e7d52",opacity:"0.7"}),e.jsx("circle",{cx:"72",cy:"14",r:"4",fill:"#c94a2e"}),e.jsx("circle",{cx:"28",cy:"58",r:"4",fill:"#f5ede9",stroke:"#b0b0aa",strokeWidth:"0.8"}),e.jsx("circle",{cx:"75",cy:"62",r:"4",fill:"#faeaea",stroke:"#b83030",strokeWidth:"0.8"})]})}),e.jsx(t,{href:"/wrapped-bar-graph",name:"Wrapped bar graph",description:"Bar chart wrapping onto multiple rows for many categories",category:"Comparison",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"0",y1:"36",x2:"100",y2:"36",stroke:"#1a1a18",strokeWidth:"0.3",strokeOpacity:"0.08"}),[22,16,30,12,26,18].map((r,s)=>e.jsx("rect",{x:2+s*16,y:36-r,width:12,height:r,rx:"1",fill:s===2?"#c94a2e":"#f5ede9",stroke:s===2?"":"#e8c4b8",strokeWidth:s===2?0:.5},`w1-${s}`)),e.jsx("line",{x1:"0",y1:"76",x2:"100",y2:"76",stroke:"#1a1a18",strokeWidth:"0.3",strokeOpacity:"0.08"}),[18,28,14,20,24,16].map((r,s)=>e.jsx("rect",{x:2+s*16,y:76-r,width:12,height:r,rx:"1",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.5"},`w2-${s}`))]})}),e.jsx(t,{href:"/small-multiples",name:"Small multiples",description:"A grid of identical charts, each showing a different data slice",category:"Comparison",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"0",y:"0",width:"46",height:"36",rx:"2",fill:"none",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.10"}),e.jsx("polyline",{points:"4,28 14,18 24,22 34,12 42,16",fill:"none",stroke:"#c94a2e",strokeWidth:"1.2",strokeLinecap:"round"}),e.jsx("rect",{x:"54",y:"0",width:"46",height:"36",rx:"2",fill:"none",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.10"}),e.jsx("polyline",{points:"58,24 68,20 78,26 88,14 96,18",fill:"none",stroke:"#e8c4b8",strokeWidth:"1.2",strokeLinecap:"round"}),e.jsx("rect",{x:"0",y:"42",width:"46",height:"36",rx:"2",fill:"none",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.10"}),e.jsx("polyline",{points:"4,68 14,58 24,64 34,52 42,56",fill:"none",stroke:"#e8c4b8",strokeWidth:"1.2",strokeLinecap:"round"}),e.jsx("rect",{x:"54",y:"42",width:"46",height:"36",rx:"2",fill:"none",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.10"}),e.jsx("polyline",{points:"58,66 68,62 78,60 88,56 96,54",fill:"none",stroke:"#e8c4b8",strokeWidth:"1.2",strokeLinecap:"round"})]})}),e.jsx(t,{href:"/density-plot",name:"Density plot",description:"A smooth curve showing the probability distribution of a variable",category:"Distribution",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("path",{d:"M4,78 C15,76 25,70 40,50 C52,32 58,20 65,18 C72,20 78,35 85,50 C90,62 95,74 98,78 L98,80 L4,8
20 Z",fill:"#f5ede9"}),e.jsx("path",{d:"M4,78 C15,76 25,70 40,50 C52,32 58,20 65,18 C72,20 78,35 85,50 C90,62 95,74 98,78",fill:"none",stroke:"#c94a2e",strokeWidth:"2",strokeLinecap:"round"}),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/ridgeline-plot",name:"Ridgeline plot",description:"Stacked density curves comparing distributions across groups",category:"Distribution",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("path",{d:"M4,28 C20,26 35,18 50,10 C60,14 75,24 96,28 L96,28 L4,28 Z",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1.2"}),e.jsx("path",{d:"M4,48 C18,46 30,38 48,28 C58,32 72,44 96,48 L96,48 L4,48 Z",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1.2"}),e.jsx("path",{d:"M4,68 C20,66 38,58 52,50 C62,54 76,64 96,68 L96,68 L4,68 Z",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"1.2"}),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/beeswarm-plot",name:"Beeswarm plot",description:"Every data point visible, nudged apart to avoid overlap",category:"Distribution",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[[[30,36],[36,30],[42,36],[48,30],[54,36],[36,42],[42,42],[48,42],[42,24],[54,42],[60,36],[48,24],[38,24],[44,48],[50,48],[56,30],[40,48],[46,30]].map(([r,s],a)=>e.jsx("circle",{cx:r,cy:s,r:"3.5",fill:a===4?"#c94a2e":"#f5ede9",stroke:"#c94a2e",strokeWidth:a===4?0:1},a)),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/strip-plot",name:"Strip plot",description:"Raw data points along a single axis â the simplest dot chart",category:"Distribution",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"0",y1:"30",x2:"100",y2:"30",stroke:"#1a1a18",strokeWidth:"0.3",strokeOpacity:"0.06"}),e.jsx("line",{x1:"0",y1:"55",x2:"100",y2:"55",stroke:"#1a1a18",strokeWidth:"0.3",strokeOpacity:"0.06"}),[22,30,38,42,48,52,58,62,68,48,52,60].map((r,s)=>e.jsx("circle",{cx:r,cy:"30",r:"3",fill:s===6?"#c94a2e":"#f5ede9",stroke:"#c94a2e",strokeWidth:s===6?0:1,opacity:"0.8"},`s1${s}`)),[28,34,40,44,50,56,60,66,72,50].map((r,s)=>e.jsx("circle",{cx:r,cy:"55",r:"3",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1",opacity:"0.8"},`s2${s}`)),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/jitter-plot",name:"Jitter plot",description:"Random noise spreads dots to reveal hidden data density",category:"Distribution",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[[[30,32],[36,26],[42,34],[48,28],[54,38],[36,40],[42,22],[48,36],[54,24],[60,32],[66,38],[38,28],[44,40],[50,22],[56,34],[62,28],[40,36],[46,26]].map(([r,s],a)=>e.jsx("circle",{cx:r,cy:s,r:"3",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1",opacity:"0.75"},a)),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/raincloud-plot",name:"Raincloud plot",description:"Density, box plot, and raw data combined in one view",category:"Distribution",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("path",{d:"M10,30 C20,28 35,18 50,12 C65,18 80,28 90,30 L90,30 L10,30 Z",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1.2"}),e.jsx("rect",{x:"25",y:"36",width:"50",height:"6",rx:"1.5",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"0.8"}),e.jsx("line",{x1:"50",y1:"36",x2:"50",y2:"42",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("line",{x1:"15",y1:"39",x2:"25",y2:"39",stroke:"#c94a2e",strokeWidth:"0.8"}),e.jsx("line",{x1:"75",y1:"39",x2:"85",y2:"39",stroke:"#c94a2e",strokeWidth:"0.8"}),[22,30,38,42,48,52,58,62,68,74,48,55,35,65].map((r,s)=>e.jsx("circle",{cx:r,cy:52+s%3*4,r:"2.5",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"0.8",opacity:"0.7"},s)),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/half-eye-plot",name:"Half-eye plot",description:"Half-density curve with point-interval summary below",category:"Distribution",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("path",{d:"M15,35 C25,32 40,20 55,12 C70,20 85,32 95,35 L95,35 L15,35 Z",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1.2"}),e.jsx("line",{x1:"30",y1:"42",x2:"80",y2:"42",stroke:"#c94a2e",strokeWidth:"3",strokeLinecap:"round"}),e.jsx("line",{x1:"18",y1:"42",x2:"92",y2:"42",stroke:"#c94a2e",strokeWidth:"1",strokeLinecap:"round"}),e.jsx("circle",{cx:"55",cy:"42",r:"4",fill:"#c94a2e"}),e.jsx("path",{d:"M15,60 C25,58 38,48 50,42 C60,48 75,58 85,60 L85,60
2L15,60 Z",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"1.2"}),e.jsx("line",{x1:"28",y1:"66",x2:"72",y2:"66",stroke:"#e8c4b8",strokeWidth:"3",strokeLinecap:"round"}),e.jsx("line",{x1:"18",y1:"66",x2:"82",y2:"66",stroke:"#e8c4b8",strokeWidth:"1",strokeLinecap:"round"}),e.jsx("circle",{cx:"50",cy:"66",r:"4",fill:"#e8c4b8"})]})}),e.jsx(t,{href:"/dot-boxplot",name:"Dot-boxplot",description:"Box plot with individual data points overlaid for transparency",category:"Distribution",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"25",y:"24",width:"40",height:"28",rx:"2",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1.2"}),e.jsx("line",{x1:"45",y1:"24",x2:"45",y2:"52",stroke:"#c94a2e",strokeWidth:"2"}),e.jsx("line",{x1:"10",y1:"38",x2:"25",y2:"38",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("line",{x1:"65",y1:"38",x2:"82",y2:"38",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("line",{x1:"10",y1:"32",x2:"10",y2:"44",stroke:"#c94a2e",strokeWidth:"1.2"}),e.jsx("line",{x1:"82",y1:"32",x2:"82",y2:"44",stroke:"#c94a2e",strokeWidth:"1.2"}),[15,22,30,35,40,45,50,55,60,68,75,90].map((r,s)=>e.jsx("circle",{cx:r,cy:38+(s%3-1)*8,r:"2.5",fill:"none",stroke:"#c94a2e",strokeWidth:"0.8",opacity:"0.5"},s)),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/stem-and-leaf-plot",name:"Stem-and-leaf plot",description:"Text-based chart that preserves exact values while showing shape",category:"Distribution",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"30",y1:"8",x2:"30",y2:"72",stroke:"#1a1a18",strokeWidth:"0.8",strokeOpacity:"0.15"}),e.jsx("text",{x:"24",y:"22",textAnchor:"end",fill:"#6b6b67",fontSize:"11",fontFamily:"monospace",children:"3"}),e.jsx("text",{x:"36",y:"22",fill:"#1a1a18",fontSize:"11",fontFamily:"monospace",children:"2 5 8"}),e.jsx("text",{x:"24",y:"38",textAnchor:"end",fill:"#c94a2e",fontSize:"11",fontFamily:"monospace",fontWeight:"600",children:"4"}),e.jsx("text",{x:"36",y:"38",fill:"#c94a2e",fontSize:"11",fontFamily:"monospace",children:"1 3 5 6 8 9"}),e.jsx("text",{x:"24",y:"54",textAnchor:"end",fill:"#6b6b67",fontSize:"11",fontFamily:"monospace",children:"5"}),e.jsx("text",{x:"36",y:"54",fill:"#1a1a18",fontSize:"11",fontFamily:"monospace",children:"0 4 7"}),e.jsx("text",{x:"24",y:"70",textAnchor:"end",fill:"#6b6b67",fontSize:"11",fontFamily:"monospace",children:"6"}),e.jsx("text",{x:"36",y:"70",fill:"#1a1a18",fontSize:"11",fontFamily:"monospace",children:"2"})]})}),e.jsx(t,{href:"/radial-histogram",name:"Radial histogram",description:"Histogram wrapped around a circle for cyclical data",category:"Distribution",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("circle",{cx:"50",cy:"40",r:"12",fill:"none",stroke:"#1a1a18",strokeWidth:"0.3",strokeOpacity:"0.1"}),e.jsx("circle",{cx:"50",cy:"40",r:"24",fill:"none",stroke:"#1a1a18",strokeWidth:"0.3",strokeOpacity:"0.08"}),[0,45,90,135,180,225,270,315].map((r,s)=>{const a=[22,18,28,20,24,16,30,26][s],n=(r-18)*Math.PI/180,h=(r+18)*Math.PI/180,x=50+8*Math.cos(n),p=40+8*Math.sin(n),d=50+8*Math.cos(h),f=40+8*Math.sin(h),y=50+a*Math.cos(n),l=40+a*Math.sin(n),_=50+a*Math.cos(h),w=40+a*Math.sin(h);return e.jsx("path",{d:`M${x},${p} L${y},${l} A${a},${a} 0 0,1 ${_},${w} L${d},${f}`,fill:s===6?"#c94a2e":"#f5ede9",stroke:"#c94a2e",strokeWidth:s===6?"1":"0.6",opacity:s===6?1:.65},s)})]})}),e.jsx(t,{href:"/spike-histogram",name:"Spike histogram",description:"Thin vertical lines replace bars for a cleaner, lighter look",category:"Distribution",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[[[8,68],[14,60],[20,50],[26,38],[32,28],[38,20],[44,14],[50,10],[56,14],[62,22],[68,32],[74,42],[80,54],[86,64],[92,72]].map(([r,s],a)=>e.jsx("line",{x1:r,y1:80,x2:r,y2:s,stroke:"#c94a2e",strokeWidth:a===7?"2":"1.2",opacity:a===7?1:.45},a)),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/ecdf-plot",name:"ECDF plot",description:"Cumulative step function â read percentiles directly",category:"Distribution",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("polyline",{points:"4,76 12,72 20,64 28,54 36,42 44,30 52,22 60,16 68,12 76,10 84,8 92,7",fill:"none",stroke:"#c94a2e",strokeWidth:"2",strokeLinejoin:"round",strokeLinecap:"round"}),e.jsx("line",{x1:"36",y1:"42",x2:"36",y2:"80",stroke:"#c94a2e",strokeWidth:"0.8",strokeDasharray:"3,2",opacity:"0.4"}),e.jsx("line",{x1:"0",y1:"42",x2:"36",y2:"42",stroke:"#c94a2e",strokeWidth:"0.8",strokeDasharray:"3,2",opacity:"0.4"}),e.jsx("circle",{cx:"36",cy:"42",r:"3",fill:"#c94a2e"}),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"}),e.jsx("line",{x1:"0",y1:"0",x2:"0",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/qq-plot",name:"Q-Q plot",description:"Compare quantiles to check if data follows a distribution",category:"Distribution",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"4",y1:"76",x2:"96",y2:"4",stroke:"#c94a2e",strokeWidth:"0.8",strokeDasharray:"4,3",opacity:"0.35"}),[[10,72],[18,64],[26,56],[34,48],[42,40],[50,34],[58,28],[66,22],[74,18],[82,14],[90,12]].map(([r,s],a)=>e.jsx("circle",{cx:r,cy:s,r:"3",fill:Math.abs(76-s-(r-4)*72/92)>6?"#c94a2e":"none",stroke:"#c94a2e",strokeWidth:"1",opacity:"0.65"},a)),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"}),e.jsx("line",{x1:"0",y1:"0",x2:"0",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/pp-plot",name:"P-P plot",description:"Compare cumulative probabilities â sensitive to center fit",category:"Distribution",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"4",y:"4",width:"92",height:"72",fill:"none",stroke:"#1a1a18",strokeWidth:"0.3",strokeOpacity:"0.08"}),e.jsx("line",{x1:"4",y1:"76",x2:"96",y2:"4",stroke:"#c94a2e",strokeWidth:"0.8",strokeDasharray:"4,3",opacity:"0.35"}),[[8,73],[16,66],[24,58],[32,50],[40,43],[48,36],[56,30],[64,24],[72,18],[80,14],[88,10],[94,7]].map(([r,s],a)=>e.jsx("circle",{cx:r,cy:s,r:"3",fill:"none",stroke:"#c94a2e",strokeWidth:"1",opacity:"0.6"},a))]})}),e.jsx(t,{href:"/100-percent-stacked-bar-chart",name:"100% stacked bar chart",description:"Equal-length bars show proportional mix, not totals",category:"Part-to-whole",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"0",y:"8",width:"48",height:"14",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"48",y:"8",width:"28",height:"14",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"76",y:"8",width:"24",height:"14",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"0",y:"28",width:"36",height:"14",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"36",y:"28",width:"40",height:"14",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"76",y:"28",width:"24",height:"14",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"0",y:"48",width:"28",height:"14",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"28",y:"48",width:"32",height:"14",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"60",y:"48",width:"40",height:"14",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"0",y:"68",width:"20",height:"14",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"20",y:"68",width:"40",height:"14",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"60",y:"68",width:"40",height:"14",rx:"2",fill:"#f5ede9"})]})}),e.jsx(t,{href:"/diverging-stacked-bar-chart",name:"Diverging stacked bar chart",description:"Split at center to show positive vs negative sentiment",category:"Part-to-whole",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"50",y1:"4",x2:"50",y2:"76",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.15"}),e.jsx("rect",{x:"20",y:"8",width:"30",height:"14",rx:"2",fill:"#b83030",opacity:"0.6"}),e.jsx("rect",{x:"10",y:"8",width:"10",height:"14",rx:"2",fill:"#b83030"}),e.jsx("rect",{x:"50",y:"8",width:"32",height:"14",rx:"2",fill:"#2e7d52",opacity:"0.6"}),e.jsx("rect",{x:"82",y:"8",width:"14",height:"14",rx:"2",fill:"#2e7d52"}),e.jsx("rect",{x:"26",y:"30",width:"24",height:"14",rx:"2",fill:"#b83030",opacity:"0.6"}),e.jsx("rect",{x:"16",y:"30",width:"10",height:"14",rx:"2",fill:"#b83030"}),e.jsx("rect",{x:"50",y:"30",width:"24",height:"14",rx:"2",fill:"#2e7d52",opacity:"0.6"}),e.jsx("rect",{x:"74",y:"30",width:"12",height:"14",rx:"2",fill:"#2e7d52"}),e.jsx("rect",{x:"34",y:"52",width:"16",height:"14",rx:"2",fill:"#b83030",opacity:"0.6"}),e.jsx("rect",{x:"28",y:"52",width:"6",height:"14",rx:"2",fill:"#b83030"}),e.jsx("rect",{x:"50",y:"52",width:"36",height:"14",rx:"2",fill:"#2e7d52",opacity:"0.6"}),e.jsx("rect",{x:"86",y:"52",width:"10",height:"14",rx:"2",fill:"#2e7d52"})]})}),e.jsx(t,{href:"/icon-array",name:"Icon array",description:"Grid of icons with a highlighted subset showing proportion",category:"Part-to-whole",children:e.jsx("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:Array.from({length:50}).map((r,s)=>{const a=Math.floor(s/10),h=5+s%10*10,x=6+a*15,p=s<12;return e.jsxs("g",{transform:`translate(${h},${x})`,children:[e.jsx("circle",{cx:"3",cy:"2",r:"2",fill:p?"#c94a2e":"#f5ede9",stroke:p?"#c94a2e":"#e0ded8",strokeWidth:"0.3"}),e.jsx("rect",{x:"0.5",y:"5",width:"5",height:"7",rx:"1",fill:p?"#c94a2e":"#f5ede9",stroke:p?"#c94a2e":"#e0ded8",strokeWidth:"0.3"})]},s)})})}),e.jsx(t,{href:"/gauge-chart",name:"Gauge chart",description:"Speedometer dial showing a single value on a scale",category:"Part-to-whole",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 60",width:"100",height:"60",children:[e.jsx("path",{d:"M10,55 A40,40 0 0,1 90,55",fill:"none",stroke:"#f5ede9",strokeWidth:"8",strokeLinecap:"round"}),e.jsx("path",{d:"M10,55 A40,40 0 0,1 78,22",fill:"none",stroke:"#c94a2e",strokeWidth:"8",strokeLinecap:"round"}),e.jsx("line",{x1:"50",y1:"55",x2:"72",y2:"28",stroke:"#1a1a18",strokeWidth:"2",strokeLinecap:"round"}),e.jsx("circle",{cx:"50",cy:"55",r:"4",fill:"#1a1a18"}),e.jsx("text",{x:"50",y:"48",textAnchor:"middle",fill:"#1a1a18",fontSize:"14",fontFamily:"Playfair Display, serif",fontWeight:"600",children:"78"})]})}),e.jsx(t,{href:"/funnel-chart",name:"Funnel chart",description:"Tapered stages showing progressive drop-off in a process",category:"Part-to-whole",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("polygon",{points:"5,6 95,6 85,22 15,22",fill:"#c94a2e"}),e.jsx("polygon",{points:"15,26 85,26 75,42 25,42",fill:"#c94a2e",opacity:"0.7"}),e.jsx("polygon",{points:"25,46 75,46 65,62 35,62",fill:"#c94a2e",opacity:"0.45"}),e.jsx("polygon",{points:"35,66 65,66 58,80 42,80",fill:"#c94a2e",opacity:"0.25"})]})}),e.jsx(t,{href:"/voronoi-treemap",name:"Voronoi treemap",description:"Organic polygon cells for visually striking hierarchies",category:"Part-to-whole",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("path",{d:"M25,10 C40,5 65,8 75,20 C85,32 80,50 65,55 C50,60 30,55 20,42 C10,30 15,15 25,10 Z",fill:"#c94a2e",opacity:"0.6"}),e.jsx("path",{d:"M75,20 C88,15 98,30 95,45 C92,58 80,60 70,55 C62,50 68,30 75,20 Z",fill:"#e8c4b8"}),e.jsx("path",{d:"M20,42 C30,55 50,62 65,58 C72,65 68,78 55,78 C35,78 12,65 10,52 C8,42 15,40 20,42 Z",fill:"#f5ede9",stroke:"#e0ded8",strokeWidth:"0.5"}),e.jsx("path",{d:"M10,18 C15,8 25,5 25,10 C15,15 10,30 10,36 C5,32 5,25 10,18 Z",fill:"#2e7d52",opacity:"0.4"})]})}),e.jsx(t,{href:"/bubble-treemap",name:"Bubble treemap",description:"Nested circles where area encodes value and nesting shows hierarchy",category:"Part-to-whole",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("circle",{cx:"50",cy:"40",r:"38",fill:"none",stroke:"#e0ded8",strokeWidth:"0.5"}),e.jsx("circle",{cx:"38",cy:"32",r:"20",fill:"#c94a2e",opacity:"0.15",stroke:"#c94a2e",strokeWidth:"0.5",strokeOpacity:"0.3"}),e.jsx("circle",{cx:"33",cy:"28",r:"12",fill:"#c94a2e",opacity:"0.6"}),e.jsx("circle",{cx:"48",cy:"42",r:"7",fill:"#c94a2e",opacity:"0.4"}),e.jsx("circle",{cx:"68",cy:"34",r:"14",fill:"#e8c4b8",opacity:"0.5",stroke:"#e8c4b8",strokeWidth:"0.5"}),e.jsx("circle",{cx:"65",cy:"32",r:"9",fill:"#e8c4b8"}),e.jsx("circle",{cx:"55",cy:"60",r:"10",fill:"#2e7d52",opacity:"0.3",stroke:"#2e7d52",strokeWidth:"0.5",strokeOpacity:"0.3"}),e.jsx("circle",{cx:"53",cy:"58",r:"6",fill:"#2e7d52",opacity:"0.5"})]})}),e.jsx(t,{href:"/correlogram",name:"Correlogram",description:"Matrix of pairwise correlations with colour-encoded strength",category:"Correlation",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"4",y:"4",width:"18",height:"18",rx:"2",fill:"#c94a2e",opacity:"0.9"}),e.jsx("rect",{x:"24",y:"4",width:"18",height:"18",rx:"2",fill:"#c94a2e",opacity:"0.6"}),e.jsx("rect",{x:"44",y:"4",width:"18",height:"18",rx:"2",fill:"#c94a2e",opacity:"0.3"}),e.jsx("rect",{x:"64",y:"4",width:"18",height:"18",rx:"2",fill:"#e8c4b8",opacity:"0.4"}),e.jsx("rect",{x:"4",y:"24",width:"18",height:"18",rx:"2",fill:"#c94a2e",opacity:"0.6"}),e.jsx("rect",{x:"24",y:"24",width:"18",height:"18",rx:"2",fill:"#c94a2e",opacity:"0.9"}),e.jsx("rect",{x:"44",y:"24",width:"18",height:"18",rx:"2",fill:"#c94a2e",opacity:"0.5"}),e.jsx("rect",{x:"64",y:"24",width:"18",height:"18",rx:"2",fill:"#c94a2e",opacity:"0.2"}),e.jsx("rect",{x:"4",y:"44",width:"18",height:"18",rx:"2",fill:"#c94a2e",opacity:"0.3"}),e.jsx("rect",{x:"24",y:"44",width:"18",height:"18",rx:"2",fill:"#c94a2e",opacity:"0.5"}),e.jsx("rect",{x:"44",y:"44",width:"18",height:"18",rx:"2",fill:"#c94a2e",opacity:"0.9"}),e.jsx("rect",{x:"64",y:"44",width:"18",height:"18",rx:"2",fill:"#c94a2e",opacity:"0.7"})]})}),e.jsx(t,{href:"/connected-scatter-plot",name:"Connected scatter plot",description:"Track how two variables co-evolve over time",category:"Correlation",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("polyline",{points:"10,65 25,50 38,55 50,35 62,30 78,20 90,25",fill:"none",stroke:"#c94a2e",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("circle",{cx:"10",cy:"65",r:"3",fill:"#c94a2e"}),e.jsx("circle",{cx:"25",cy:"50",r:"3",fill:"#c94a2e"}),e.jsx("circle",{cx:"38",cy:"55",r:"3",fill:"#c94a2e"}),e.jsx("circle",{cx:"50",cy:"35",r:"3",fill:"#c94a2e"}),e.jsx("circle",{cx:"62",cy:"30",r:"3",fill:"#c94a2e"}),e.jsx("circle",{cx:"78",cy:"20",r:"3",fill:"#c94a2e"}),e.jsx("circle",{cx:"90",cy:"25",r:"3",fill:"#c94a2e"}),e.jsx("text",{x:"12",y:"72",fontSize:"6",fill:"#1a1a18",opacity:"0.3",children:"tâ"}),e.jsx("text",{x:"80",y:"18",fontSize:"6",fill:"#1a1a18",opacity:"0.3",children:"tâ"}),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"}),e.jsx("line",{x1:"0",y1:"0",x2:"0",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/hexbin-plot",name:"Hexbin plot",description:"Aggregate dense scatter data into hexagonal bins by density",category:"Correlation",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("polygon",{points:"30,20 40,15 50,20 50,30 40,35 30,30",fill:"#c94a2e",opacity:"0.8"}),e.jsx("polygon",{points:"50,20 60,15 70,20 70,30 60,35 50,30",fill:"#c94a2e",opacity:"0.4"}),e.jsx("polygon",{points:"40,35 50,30 60,35 60,45 50,50 40,45",fill:"#c94a2e",opacity:"0.9"}),e.jsx("polygon",{points:"20,35 30,30 40,35 40,45 30,50 20,45",fill:"#c94a2e",opacity:"0.3"}),e.jsx("polygon",{points:"60,35 70,30 80,35 80,45 70,50 60,45",fill:"#e8c4b8",opacity:"0.5"}),e.jsx("polygon",{points:"30,50 40,45 50,50 50,60 40,65 30,60",fill:"#c94a2e",opacity:"0.6"}),e.jsx("polygon",{points:"50,50 60,45 70,50 70,60 60,65 50,60",fill:"#e8c4b8",opacity:"0.3"}),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.
25",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/contour-plot",name:"Contour plot",description:"Show density regions of bivariate data as topographic lines",category:"Correlation",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("ellipse",{cx:"50",cy:"40",rx:"42",ry:"32",fill:"none",stroke:"#c94a2e",strokeWidth:"0.8",opacity:"0.2"}),e.jsx("ellipse",{cx:"50",cy:"40",rx:"32",ry:"24",fill:"none",stroke:"#c94a2e",strokeWidth:"1",opacity:"0.35"}),e.jsx("ellipse",{cx:"50",cy:"40",rx:"22",ry:"16",fill:"none",stroke:"#c94a2e",strokeWidth:"1.2",opacity:"0.55"}),e.jsx("ellipse",{cx:"50",cy:"40",rx:"12",ry:"8",fill:"#c94a2e",opacity:"0.15",stroke:"#c94a2e",strokeWidth:"1.5",strokeOpacity:"0.75"}),e.jsx("circle",{cx:"50",cy:"40",r:"3",fill:"#c94a2e",opacity:"0.8"}),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"}),e.jsx("line",{x1:"0",y1:"0",x2:"0",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/pair-plot",name:"Pair plot",description:"Grid of every pairwise scatter with marginal distributions",category:"Correlation",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"2",y:"2",width:"30",height:"24",rx:"1.5",fill:"none",stroke:"#e0ded8",strokeWidth:"0.5"}),e.jsx("circle",{cx:"10",cy:"10",r:"1.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"16",cy:"14",r:"1.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"22",cy:"8",r:"1.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"26",cy:"18",r:"1.5",fill:"#c94a2e"}),e.jsx("rect",{x:"35",y:"2",width:"30",height:"24",rx:"1.5",fill:"none",stroke:"#e0ded8",strokeWidth:"0.5"}),e.jsx("rect",{x:"40",y:"6",width:"6",height:"16",rx:"1",fill:"#c94a2e",opacity:"0.3"}),e.jsx("rect",{x:"48",y:"10",width:"6",height:"12",rx:"1",fill:"#c94a2e",opacity:"0.6"}),e.jsx("rect",{x:"56",y:"14",width:"6",height:"8",rx:"1",fill:"#c94a2e",opacity:"0.4"}),e.jsx("rect",{x:"68",y:"2",width:"30",height:"24",rx:"1.5",fill:"none",stroke:"#e0ded8",strokeWidth:"0.5"}),e.jsx("circle",{cx:"76",cy:"18",r:"1.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"82",cy:"12",r:"1.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"88",cy:"8",r:"1.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"92",cy:"14",r:"1.5",fill:"#c94a2e"}),e.jsx("rect",{x:"2",y:"30",width:"30",height:"24",rx:"1.5",fill:"none",stroke:"#e0ded8",strokeWidth:"0.5"}),e.jsx("rect",{x:"6",y:"34",width:"6",height:"16",rx:"1",fill:"#c94a2e",opacity:"0.5"}),e.jsx("rect",{x:"14",y:"38",width:"6",height:"12",rx:"1",fill:"#c94a2e",opacity:"0.7"}),e.jsx("rect",{x:"22",y:"36",width:"6",height:"14",rx:"1",fill:"#c94a2e",opacity:"0.4"}),e.jsx("rect",{x:"35",y:"30",width:"30",height:"24",rx:"1.5",fill:"none",stroke:"#e0ded8",strokeWidth:"0.5"}),e.jsx("circle",{cx:"43",cy:"46",r:"1.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"50",cy:"38",r:"1.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"55",cy:"42",r:"1.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"58",cy:"34",r:"1.5",fill:"#c94a2e"}),e.jsx("rect",{x:"68",y:"30",width:"30",height:"24",rx:"1.5",fill:"none",stroke:"#e0ded8",strokeWidth:"0.5"}),e.jsx("rect",{x:"72",y:"34",width:"6",height:"16",rx:"1",fill:"#c94a2e",opacity:"0.4"}),e.jsx("rect",{x:"80",y:"40",width:"6",height:"10",rx:"1",fill:"#c94a2e",opacity:"0.6"}),e.jsx("rect",{x:"88",y:"36",width:"6",height:"14",rx:"1",fill:"#c94a2e",opacity:"0.3"})]})}),e.jsx(t,{href:"/solar-correlation-map",name:"Solar correlation map",description:"Radial layout showing one variable's correlations with others",category:"Correlation",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("circle",{cx:"50",cy:"40",r:"8",f
2ill:"#c94a2e",opacity:"0.8"}),e.jsx("circle",{cx:"50",cy:"40",r:"20",fill:"none",stroke:"#c94a2e",strokeWidth:"0.5",strokeOpacity:"0.3"}),e.jsx("circle",{cx:"50",cy:"40",r:"32",fill:"none",stroke:"#c94a2e",strokeWidth:"0.5",strokeOpacity:"0.2"}),e.jsx("circle",{cx:"34",cy:"28",r:"4",fill:"#c94a2e",opacity:"0.5"}),e.jsx("circle",{cx:"68",cy:"34",r:"4",fill:"#e8c4b8"}),e.jsx("circle",{cx:"42",cy:"56",r:"4",fill:"#c94a2e",opacity:"0.3"}),e.jsx("circle",{cx:"74",cy:"52",r:"4",fill:"#e8c4b8",opacity:"0.6"}),e.jsx("circle",{cx:"26",cy:"44",r:"4",fill:"#c94a2e",opacity:"0.6"}),e.jsx("line",{x1:"50",y1:"40",x2:"34",y2:"28",stroke:"#c94a2e",strokeWidth:"0.8",opacity:"0.4"}),e.jsx("line",{x1:"50",y1:"40",x2:"68",y2:"34",stroke:"#c94a2e",strokeWidth:"0.8",opacity:"0.4"}),e.jsx("line",{x1:"50",y1:"40",x2:"42",y2:"56",stroke:"#c94a2e",strokeWidth:"0.8",opacity:"0.4"}),e.jsx("line",{x1:"50",y1:"40",x2:"74",y2:"52",stroke:"#c94a2e",strokeWidth:"0.8",opacity:"0.4"}),e.jsx("line",{x1:"50",y1:"40",x2:"26",y2:"44",stroke:"#c94a2e",strokeWidth:"0.8",opacity:"0.4"})]})}),e.jsx(t,{href:"/one-dimensional-heatmap",name:"1D heatmap",description:"Single row of colour-encoded cells showing magnitude across categories",category:"Correlation",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"4",y:"30",width:"10",height:"20",rx:"1",fill:"#c94a2e",opacity:"0.15"}),e.jsx("rect",{x:"16",y:"30",width:"10",height:"20",rx:"1",fill:"#c94a2e",opacity:"0.3"}),e.jsx("rect",{x:"28",y:"30",width:"10",height:"20",rx:"1",fill:"#c94a2e",opacity:"0.55"}),e.jsx("rect",{x:"40",y:"30",width:"10",height:"20",rx:"1",fill:"#c94a2e",opacity:"0.8"}),e.jsx("rect",{x:"52",y:"30",width:"10",height:"20",rx:"1",fill:"#c94a2e",opacity:"0.95"}),e.jsx("rect",{x:"64",y:"30",width:"10",height:"20",rx:"1",fill:"#c94a2e",opacity:"0.6"}),e.jsx("rect",{x:"76",y:"30",width:"10",height:"20",rx:"1",fill:"#c94a2e",opacity:"0.35"}),e.jsx("rect",{x:"88",y:"30",width:"10",height:"20",rx:"1",fill:"#e8c4b8",opacity:"0.5"})]})}),e.jsx(t,{href:"/stacked-area-chart",name:"Stacked area chart",description:"Show how parts contribute to a total over time",category:"Time series",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("path",{d:"M0,80 L0,55 C25,48 50,40 75,35 L100,32 L100,80 Z",fill:"#c94a2e",opacity:"0.2"}),e.jsx("path",{d:"M0,55 C25,48 50,40 75,35 L100,32 L100,20 C75,22 50,28 25,35 L0,42 Z",fill:"#c94a2e",opacity:"0.45"}),e.jsx("path",{d:"M0,42 C25,35 50,28 75,22 L100,20 L100,10 C75,12 50,16 25,22 L0,28 Z",fill:"#c94a2e",opacity:"0.75"}),e.jsx("path",{d:"M0,28 C25,22 50,16 75,12 L100,10",fill:"none",stroke:"#c94a2e",strokeWidth:"1.5",strokeLinecap:"round"}),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/streamgraph",name:"Streamgraph",description:"Flowing stacked layers centred around a middle axis",category:"Time series",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("path",{d:"M0,40 C20,35 40,28 60,25 C80,22 100,28 100,35 L100,45 C100,52 80,58 60,55 C40,52 20,45 0,40 Z",fill:"#c94a2e",opacity:"0.6"}),e.jsx("path",{d:"M0,40 C20,38 40,32 60,28 C80,24 100,20 100,22 L100,35 C100,28 80,22 60,25 C40,28 20,35 0,40 Z",fill:"#c94a2e",opacity:"0.3"}),e.jsx("path",{d:"M0,40 C20,42 40,50 60,52 C80,55 100,58 100,62 L100,45 C100,52 80,58 60,55 C40,52 20,45 0,40 Z",fill:"#e8c4b8",opacity:"0.5"})]})}),e.jsx(t,{href:"/sparkline",name:"Sparkline",description:"Tiny inline charts that show trends without axes or labels",category:"Time series",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("polyline",{points:"4,50 15,42 28,48 40,30 52,35 64,20 76,28 88,16 100,22",fill:"none",stroke:"#c94a2e",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("polyline",{points:"4,62 15,58 28,60 40,52 52,54 64,48 76,50 88,44 100,46",fill:"none",stroke:"#e8c4b8",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("polyline",{points:"4,72 15,68 28,74 40,66 52,70 64,64 76,68 88,62 100,58",fill:"none",stroke:"#c94a2e",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",opacity:"0.3"})]})}),e.jsx(t,{href:"/slope-chart",name:"Slope chart",description:"Compare values at two points in time with angled lines",category:"Time series",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"15",y1:"0",x2:"15",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"}),e.jsx("line",{x1:"85",y1:"0",x2:"85",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"}),e.jsx("line",{x1:"15",y1:"20",x2:"85",y2:"12",stroke:"#c94a2e",strokeWidth:"2",strokeLinecap:"round"}),e.jsx("line",{x1:"15",y1:"40",x2:"85",y2:"52",stroke:"#e8c4b8",strokeWidth:"2",strokeLinecap:"round"}),e.jsx("line",{x1:"15",y1:"55",x2:"85",y2:"35",stroke:"#c94a2e",strokeWidth:"2",strokeLinecap:"round",opacity:"0.5"}),e.jsx("line",{x1:"15",y1:"68",x2:"85",y2:"70",stroke:"#e8c4b8",strokeWidth:"2",strokeLinecap:"round",opacity:"0.5"}),e.jsx("circle",{cx:"15",cy:"20",r:"3",fill:"#c94a2e"}),e.jsx("circle",{cx:"85",cy:"12",r:"3",fill:"#c94a2e"}),e.jsx("circle",{cx:"15",cy:"40",r:"3",fill:"#e8c4b8"}),e.jsx("circle",{cx:"85",cy:"52",r:"3",fill:"#e8c4b8"}),e.jsx("circle",{cx:"15",cy:"55",r:"3",fill:"#c94a2e",opacity:"0.5"}),e.jsx("circle",{cx:"85",cy:"35",r:"3",fill:"#c94a2e",opacity:"0.5"})]})}),e.jsx(t,{href:"/bump-chart",name:"Bump chart",description:"Track ranking changes over time with flowing lines",category:"Time series",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("path",{d:"M10,15 C30,15 40,35 60,35 C80,35 90,55 90,55",fill:"none",stroke:"#c94a2e",strokeWidth:"2",strokeLinecap:"round"}),e.jsx("path",{d:"M10,35 C30,35 40,15 60,15 C80,15 90,15 90,15",fill:"none",stroke:"#e8c4b8",strokeWidth:"2",strokeLinecap:"round"}),e.jsx("path",{d:"M10,55 C30,55 40,55 60,55 C80,55 90,35 90,35",fill:"none",stroke:"#c94a2e",strokeWidth:"2",strokeLinecap:"round",opacity:"0.4"}),e.jsx("circle",{cx:"10",cy:"15",r:"3",fill:"#c94a2e"}),e.jsx("circle",{cx:"90",cy:"55",r:"3",fill:"#c94a2e"}),e.jsx("circle",{cx:"10",cy:"35",r:"3",fill:"#e8c4b8"}),e.jsx("circle",{cx:"90",cy:"15",r:"3",fill:"#e8c4b8"})]})}),e.jsx(t,{href:"/step-line-chart",name:"Step line chart",description:"Show abrupt changes with horizontal-then-vertical steps",category:"Time series",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("polyline",{points:"4,60 20,60 20,45 40,45 40,50 55,50 55,30 72,30 72,20 90,20 90,15 100,15",fill:"none",stroke:"#c94a2e",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("circle",{cx:"20",cy:"45",r:"2.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"55",cy:"30",r:"2.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"90",cy:"15",r:"2.5",fill:"#c94a2e"}),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/spline-chart",name:"Spline chart",description:"A smoothly curved line chart using spline interpolation",category:"Time series",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("path",{d:"M4,55 C15,48 25,30 40,25 C55,20 65,35 80,18 C90,8 95,12 100,15",fill:"none",stroke:"#c94a2e",strokeWidth:"2",strokeLinecap:"round"}),e.jsx("circle",{cx:"4",cy:"55",r:"3",fill:"#fff",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("circle",{cx:"40",cy:"25",r:"3",fill:"#fff",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("circle",{cx:"80",cy:"18",r:"3",fill:"#c94a2e"}),e.jsx("circle",{cx:"100",cy:"15",r:"3",fill:"#fff",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/horizon-chart",name:"Horizon chart",description:"Compact time series using colour bands and folding for dense comparison",category:"Time series",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"0",y:"6",
2width:"100",height:"14",rx:"1",fill:"#c94a2e",opacity:"0.15"}),e.jsx("rect",{x:"0",y:"6",width:"30",height:"14",rx:"1",fill:"#c94a2e",opacity:"0.5"}),e.jsx("rect",{x:"40",y:"6",width:"25",height:"14",rx:"1",fill:"#c94a2e",opacity:"0.8"}),e.jsx("rect",{x:"75",y:"6",width:"25",height:"14",rx:"1",fill:"#c94a2e",opacity:"0.35"}),e.jsx("rect",{x:"0",y:"24",width:"100",height:"14",rx:"1",fill:"#c94a2e",opacity:"0.15"}),e.jsx("rect",{x:"10",y:"24",width:"35",height:"14",rx:"1",fill:"#c94a2e",opacity:"0.7"}),e.jsx("rect",{x:"55",y:"24",width:"20",height:"14",rx:"1",fill:"#c94a2e",opacity:"0.4"}),e.jsx("rect",{x:"0",y:"42",width:"100",height:"14",rx:"1",fill:"#c94a2e",opacity:"0.15"}),e.jsx("rect",{x:"20",y:"42",width:"40",height:"14",rx:"1",fill:"#c94a2e",opacity:"0.9"}),e.jsx("rect",{x:"70",y:"42",width:"30",height:"14",rx:"1",fill:"#c94a2e",opacity:"0.3"}),e.jsx("rect",{x:"0",y:"60",width:"100",height:"14",rx:"1",fill:"#c94a2e",opacity:"0.15"}),e.jsx("rect",{x:"5",y:"60",width:"20",height:"14",rx:"1",fill:"#c94a2e",opacity:"0.45"}),e.jsx("rect",{x:"50",y:"60",width:"30",height:"14",rx:"1",fill:"#c94a2e",opacity:"0.6"})]})}),e.jsx(t,{href:"/calendar-heatmap",name:"Calendar heatmap",description:"Daily values on a calendar grid colour-coded by intensity",category:"Time series",children:e.jsx("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[0,1,2,3,4,5,6].map(r=>[0,1,2,3,4,5,6,7,8,9,10,11,12].map(s=>e.jsx("rect",{x:s*7.5+1,y:r*10+4,width:6,height:8,rx:1,fill:"#c94a2e",opacity:[.1,.3,.6,.8,.4,.2,.5,.7,.9,.35,.55,.15,.65][(r+s)%13]},`${r}-${s}`)))})}),e.jsx(t,{href:"/gantt-chart",name:"Gantt chart",description:"Horizontal bars on a timeline for project scheduling",category:"Time series",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"5",y:"10",width:"40",height:"10",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"25",y:"26",width:"35",height:"10",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"40",y:"42",width:"50",height:"10",rx:"2",fill:"#c94a2e",opacity:"0.7"}),e.jsx("rect",{x:"60",y:"58",width:"30",height:"10",rx:"2",fill:"#e8c4b8"}),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/barcode-chart",name:"Barcode chart",description:"Thin vertical lines marking events along a time axis",category:"Time series",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[[5,8,10,12,15,30,35,50,52,54,56,58,70,72,85,87,89,91,93,95].map((r,s)=>e.jsx("line",{x1:r,y1:"10",x2:r,y2:"70",stroke:"#c94a2e",strokeWidth:"1",opacity:"0.6"},s)),e.jsx("line",{x1:"0",y1:"80",x2:"100",y2:"80",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/fan-chart",name:"Fan chart",description:"Expanding bands showing forecast uncertainty over time",category:"Time series",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("path",{d:"M50,40 C65,30 80,15 100,5 L100,75 C80,65 65,50 50,40 Z",fill:"#c94a2e",opacity:"0.10"}),e.jsx("path",{d:"M50,40 C65,33 80,22 100,15 L100,65 C80,58 65,47 50,40 Z",fill:"#c94a2e",opacity:"0.20"}),e.jsx("path",{d:"M50,40 C65,36 80,30 100,25 L100,55 C80,50 65,44 50,40 Z",fill:"#c94a2e",opacity:"0.30"}),e.jsx("polyline",{points:"4,60 20,52 35,48 50,40",fill:"none",stroke:"#c94a2e",strokeWidth:"2",strokeLinecap:"round"}),e.jsx("line",{x1:"50",y1:"40",x2:"100",y2:"40",stroke:"#c94a2e",strokeWidth:"1.5",strokeDasharray:"4,3"})]})}),e.jsx(t,{href:"/cumulative-flow-diagram",name:"Cumulative flow diagram",description:"Track work items across workflow stages over time",category:"Time series",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("path",{d:"M0,80 L0,55 C30,48 60,38 100,25 L100,80 Z",fill:"#2e7d52",opacity:"0.3"}),e.jsx("path",{d:"M0,55 C30,48 60,38 100,25 L100,15 C60,22 30,30 0,35 Z",fill:"#c94a2e",opacity:"0.35"}),e.jsx("path",{d:"M0,35 C30,30 60,22 100,15 L100,5 C60,8 30,15 0,20 Z",fill:"#e8c4b8",opacity:"0.5"})]})}),e.jsx(t,{href:"/lasagna-plot",name:"Lasagna plot",description:"Stacked heatmap rows comparing many time series at once",category:"Time series",children:e.jsx("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[0,1,2,3,4].map(r=>[0,1,2,3,4,5,6,7].map(s=>e.jsx("rect",{x:s*12.5,y:r*15+2,width:11,height:13,rx:1,fill:"#c94a2e",opacity:[.2,.5,.8,.3,.6,.9,.4,.7][(r+s)%8]},`${r}-${s}`)))})}),e.jsx(t,{href:"/lexis-diagram",name:"Lexis diagram",description:"Map demographic events across age and calendar time",category:"Time series",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[[0,1,2,3,4].map(r=>e.jsx("line",{x1:"0",y1:r*18+4,x2:"100",y2:r*18+4,stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.08"},`h${r}`)),[0,1,2,3,4,5].map(r=>e.jsx("line",{x1:r*20,y1:"4",x2:r*20,y2:"76",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.08"},`v${r}`)),e.jsx("line",{x1:"0",y1:"76",x2:"60",y2:"4",stroke:"#c94a2e",strokeWidth:"2",strokeLinecap:"round"}),e.jsx("circle",{cx:"0",cy:"76",r:"3",fill:"#2e7d52"}),e.jsx("circle",{cx:"60",cy:"4",r:"3",fill:"#c94a2e"})]})}),e.jsx(t,{href:"/denselines",name:"DenseLines",description:"Density heatmap from hundreds of overlapping time series",category:"Time series",children:e.jsx("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[0,1,2,3,4,5,6,7,8,9].map(r=>[0,1,2,3,4].map(s=>{const a=Math.max(0,1-Math.abs(s-2)/2.5);return e.jsx("rect",{x:r*10,y:s*16,width:9,height:14,rx:1,fill:"#c94a2e",opacity:a*a*.7+.03},`${r}-${s}`)}))})}),e.jsx(t,{href:"/alluvial-diagram",name:"Alluvial diagram",description:"Traces how group memberships shift across dimensions or time",category:"Flow & Process",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"5",y:"5",width:"8",he
2ight:"30",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"5",y:"40",width:"8",height:"25",rx:"2",fill:"#2e7d52"}),e.jsx("rect",{x:"5",y:"70",width:"8",height:"10",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"46",y:"5",width:"8",height:"25",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"46",y:"35",width:"8",height:"30",rx:"2",fill:"#2e7d52"}),e.jsx("rect",{x:"46",y:"70",width:"8",height:"12",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"87",y:"5",width:"8",height:"28",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"87",y:"38",width:"8",height:"27",rx:"2",fill:"#2e7d52"}),e.jsx("rect",{x:"87",y:"70",width:"8",height:"11",rx:"2",fill:"#e8c4b8"}),e.jsx("path",{d:"M13,15 C30,15 33,14 46,14",fill:"none",stroke:"#c94a2e",strokeWidth:"16",strokeOpacity:"0.06"}),e.jsx("path",{d:"M13,48 C30,48 33,48 46,48",fill:"none",stroke:"#2e7d52",strokeWidth:"14",strokeOpacity:"0.06"}),e.jsx("path",{d:"M54,18 C70,18 73,16 87,16",fill:"none",stroke:"#c94a2e",strokeWidth:"14",strokeOpacity:"0.06"}),e.jsx("path",{d:"M54,48 C70,48 73,50 87,50",fill:"none",stroke:"#2e7d52",strokeWidth:"12",strokeOpacity:"0.06"})]})}),e.jsx(t,{href:"/parallel-sets",name:"Parallel sets",description:"Multi-dimensional categorical exploration with ribbons",category:"Flow & Process",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"5",y1:"15",x2:"95",y2:"15",stroke:"#1a1a18",strokeWidth:"1.5",strokeOpacity:"0.1"}),e.jsx("line",{x1:"5",y1:"45",x2:"95",y2:"45",stroke:"#1a1a18",strokeWidth:"1.5",strokeOpacity:"0.1"}),e.jsx("line",{x1:"5",y1:"75",x2:"95",y2:"75",stroke:"#1a1a18",strokeWidth:"1.5",strokeOpacity:"0.1"}),e.jsx("rect",{x:"5",y:"10",width:"40",height:"10",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"50",y:"10",width:"25",height:"10",rx:"2",fill:"#2e7d52"}),e.jsx("rect",{x:"80",y:"10",width:"15",height:"10",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"5",y:"40",width:"45",height:"10",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"55",y:"40",width:"40",height:"10",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"5",y:"70",width:"30",height:"10",rx:"2",fill:"#2e7d52"}),e.jsx("rect",{x:"40",y:"70",width:"35",height:"10",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"80",y:"70",width:"15",height:"10",rx:"2",fill:"#e8c4b8"}),e.jsx("path",{d:"M25,20 C25,28 28,40 30,40",fill:"none",stroke:"#c94a2e",strokeWidth:"12",strokeOpacity:"0.05"}),e.jsx("path",{d:"M30,50 C30,58 50,70 55,70",fill:"none",stroke:"#c94a2e",strokeWidth:"10",strokeOpacity:"0.05"})]})}),e.jsx(t,{href:"/double-waterfall-chart",name:"Double waterfall chart",description:"Paired waterfalls comparing two decompositions side by side",category:"Flow & Process",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"2",y1:"78",x2:"98",y2:"78",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.1"}),e.jsx("rect",{x:"4",y:"10",width:"12",height:"68",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"20",y:"10",width:"8",height:"18",rx:"2",fill:"#2e7d52"}),e.jsx("rect",{x:"32",y:"28",width:"8",height:"10",rx:"2",fill:"#b83030"}),e.jsx("rect",{x:"44",y:"18",width:"12",height:"60",rx:"2",fill:"#c94a2e",fillOpacity:"0.6"}),e.jsx("rect",{x:"62",y:"18",width:"12",height:"60",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"78",y:"18",width:"8",height:"15",rx:"2",fill:"#2e7d52"}),e.jsx("rect",{x:"90",y:"33",width:"8",height:"12",rx:"2",fill:"#b83030"})]})}),e.jsx(t,{href:"/tree-diagram",name:"Tree diagram",description:"Classic node-link hierarchy from root to leaves",category:"Hierarchy",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"50",y1:"12",x2:"25",y2:"35",stroke:"#c94a2e",strokeWidth:"1.5",strokeOpacity:"0.3"}),e.jsx("line",{x1:"50",y1:"12",x2:"75",y2:"35",stroke:"#c94a2e",strokeWidth:"1.5",strokeOpacity:"0.3"}),e.jsx("line",{x1:"25",y1:"40",x2:"12",y2:"62",stroke:"#e8c4b8",strokeWidth:"1.2",strokeOpacity:"0.4"}),e.jsx("line",{x1:"25",y1:"40",x2:"38",y2:"62",stroke:"#e8c4b8",strokeWidth:"1.2",strokeOpacity:"0.4"}),e.jsx("line",{x1:"75",y1:"40",x2:"62",y2:"62",stroke:"#e8c4b8",strokeWidth:"1.2",strokeOpacity:"0.4"}),e.jsx("line",{x1:"75",y1:"40",x2:"88",y2:"62",stroke:"#e8c4b8",strokeWidth:"1.2",strokeOpacity:"0.4"}),e.jsx("circle",{cx:"50",cy:"10",r:"6",fill:"#c94a2e"}),e.jsx("circle",{cx:"25",cy:"37",r:"5",fill:"#c94a2e",fillOpacity:"0.7"}),e.jsx("circle",{cx:"75",cy:"37",r:"5",fill:"#c94a2e",fillOpacity:"0.7"}),e.jsx("circle",{cx:"12",cy:"64",r:"4",fill:"#e8c4b8"}),e.jsx("circle",{cx:"38",cy:"64",r:"4",fill:"#e8c4b8"}),e.jsx("circle",{cx:"62",cy:"64",r:"4",fill:"#e8c4b8"}),e.jsx("circle",{cx:"88",cy:"64",r:"4",fill:"#e8c4b8"})]})}),e.jsx(t,{href:"/dendrogram",name:"Dendrogram",description:"Clustering tree with distance-encoded branch heights",category:"Hierarchy",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"5",y1:"5",x2:"5",y2:"75",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.1"}),e.jsx("line",{x1:"20",y1:"75",x2:"20",y2:"55",stroke:"#c94a2e",strokeWidth:"2"}),e.jsx("line",{x1:"40",y1:"75",x2:"40",y2:"55",stroke:"#c94a2e",strokeWidth:"2"}),e.jsx("line",{x1:"20",y1:"55",x2:"40",y2:"55",stroke:"#c94a2e",strokeWidth:"2"}),e.jsx("line",{x1:"60",y1:"75",x2:"60",y2:"45",stroke:"#2e7d52",strokeWidth:"2"}),e.jsx("line",{x1:"80",y1:"75",x2:"80",y2:"45",stroke:"#2e7d52",strokeWidth:"2"}),e.jsx("line",{x1:"60",y1:"45",x2:"80",y2:"45",stroke:"#2e7d52",strokeWidth:"2"}),e.jsx("line",{x1:"30",y1:"55",x2:"30",y2:"20",stroke:"#e8c4b8",strokeWidth:"2"}),e.jsx("line",{x1:"70",y1:"45",x2:"70",y2:"20",stroke:"#e8c4b8",strokeWidth:"2"}),e.jsx("line",{x1:"30",y1:"20",x2:"70",y2:"20",stroke:"#1a1a18",strokeWidth:"2",strokeOpacity:"0.3"}),e.jsx("line",{x1:"7",y1:"35",x2:"95",y2:"35",stroke:"#c94a2e",strokeWidth:"0.5",strokeDasharray:"4,3",strokeOpacity:"0.3"})]})}),e.jsx(t,{href:"/radial-tree",name:"Radial tree",description:"Circular layout with root at center, leaves at periphery",category:"Hierarchy",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("circle",{cx:"50",cy:"40",r:"15",fill:"none",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.06",strokeDasharray:"3,2"}),e.jsx("circle",{cx:"50",cy:"40",r:"30",fill:"none",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.06",strokeDasharray:"3,2"}),[0,60,120,180,240,300].map(r=>e.jsx("line",{x1:"50",y1:"40",x2:50+15*Math.cos(r*Math.PI/180),y2:40+15*Math.sin(r*Math.PI/180),stroke:"#c94a2e",strokeWidth:"1",strokeOpacity:"0.3"},r)),[0,60,120,180,240,300].map(r=>e.jsx("circle",{cx:50+15*Math.cos(r*Math.PI/180),cy:40+15*Math.sin(r*Math.PI/180),r:"3",fill:"#c94a2e",fillOpacity:"0.7"},r)),[30,90,150,210,270,330].map(r=>e.jsx("circle",{cx:50+30*Math.cos(r*Math.PI/180),cy:40+30*Math.sin(r*Math.PI/180),r:"2",fill:"#e8c4b8"},r)),e.jsx("circle",{cx:"50",cy:"40",r:"5",fill:"#c94a2e"})]})}),e.jsx(t,{href:"/hyperbolic-tree",name:"Hyperbolic tree",description:"Fish-eye focus+context for navigating huge hierarchies",category:"Hierarchy",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("circle",{cx:"50",cy:"40",r:"38",fill:"none",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.08"}
2),e.jsx("circle",{cx:"50",cy:"40",r:"8",fill:"#c94a2e"}),e.jsx("line",{x1:"50",y1:"32",x2:"35",y2:"18",stroke:"#c94a2e",strokeWidth:"1.5",strokeOpacity:"0.3"}),e.jsx("line",{x1:"50",y1:"32",x2:"65",y2:"18",stroke:"#c94a2e",strokeWidth:"1.5",strokeOpacity:"0.3"}),e.jsx("line",{x1:"50",y1:"48",x2:"35",y2:"62",stroke:"#c94a2e",strokeWidth:"1.5",strokeOpacity:"0.3"}),e.jsx("line",{x1:"50",y1:"48",x2:"65",y2:"62",stroke:"#c94a2e",strokeWidth:"1.5",strokeOpacity:"0.3"}),e.jsx("circle",{cx:"35",cy:"16",r:"5",fill:"#c94a2e",fillOpacity:"0.6"}),e.jsx("circle",{cx:"65",cy:"16",r:"5",fill:"#c94a2e",fillOpacity:"0.6"}),e.jsx("circle",{cx:"35",cy:"64",r:"5",fill:"#c94a2e",fillOpacity:"0.6"}),e.jsx("circle",{cx:"65",cy:"64",r:"5",fill:"#c94a2e",fillOpacity:"0.6"}),e.jsx("circle",{cx:"22",cy:"8",r:"2.5",fill:"#e8c4b8"}),e.jsx("circle",{cx:"78",cy:"8",r:"2.5",fill:"#e8c4b8"}),e.jsx("circle",{cx:"22",cy:"72",r:"2",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.5"}),e.jsx("circle",{cx:"78",cy:"72",r:"2",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.5"})]})}),e.jsx(t,{href:"/cone-tree",name:"Cone tree",description:"3D hierarchy with children ringing each cone base",category:"Hierarchy",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"50",y1:"8",x2:"20",y2:"45",stroke:"#c94a2e",strokeWidth:"1.2",strokeOpacity:"0.2"}),e.jsx("line",{x1:"50",y1:"8",x2:"50",y2:"45",stroke:"#c94a2e",strokeWidth:"1.2",strokeOpacity:"0.2"}),e.jsx("line",{x1:"50",y1:"8",x2:"80",y2:"45",stroke:"#c94a2e",strokeWidth:"1.2",strokeOpacity:"0.2"}),e.jsx("ellipse",{cx:"50",cy:"45",rx:"35",ry:"6",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.8"}),e.jsx("circle",{cx:"50",cy:"6",r:"5",fill:"#c94a2e"}),e.jsx("circle",{cx:"20",cy:"43",r:"4",fill:"#c94a2e",fillOpacity:"0.6"}),e.jsx("circle",{cx:"50",cy:"43",r:"4",fill:"#c94a2e",fillOpacity:"0.6"}),e.jsx("circle",{cx:"80",cy:"43",r:"4",fill:"#c94a2e",fillOpacity:"0.6"}),e.jsx("ellipse",{cx:"20",cy:"68",rx:"15",ry:"3.5",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.5",strokeOpacity:"0.5"}),e.jsx("line",{x1:"20",y1:"47",x2:"10",y2:"68",stroke:"#e8c4b8",strokeWidth:"0.8",strokeOpacity:"0.3"}),e.jsx("line",{x1:"20",y1:"47",x2:"30",y2:"68",stroke:"#e8c4b8",strokeWidth:"0.8",strokeOpacity:"0.3"}),e.jsx("circle",{cx:"10",cy:"66",r:"2.5",fill:"#e8c4b8"}),e.jsx("circle",{cx:"30",cy:"66",r:"2.5",fill:"#e8c4b8"})]})}),e.jsx(t,{href:"/indented-tree",name:"Indented tree",description:"Outline-style hierarchy using indentation for depth",category:"Hierarchy",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("text",{x:"4",y:"12",fill:"#1a1a18",fontSize:"9",fontFamily:"DM Mono, monospace",fontWeight:"500",children:"src/"}),e.jsx("line",{x1:"4",y1:"16",x2:"4",y2:"72",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"}),e.jsx("line",{x1:"4",y1:"26",x2:"16",y2:"26",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.20"}),e.jsx("text",{x:"20",y:"30",fill:"#c94a2e",fontSize:"8",fontFamily:"DM Mono, monospace",fontWeight:"500",children:"pages/"}),e.jsx("line",{x1:"20",y1:"34",x2:"20",y2:"56",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"}),e.jsx("line",{x1:"20",y1:"42",x2:"32",y2:"42",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.20"}),e.jsx("rect",{x:"34",y:"37",width:"5",height:"7",rx:"1",fill:"#c94a2e"}),e.jsx("text",{x:"42",y:"44",fill:"#6b6b67",fontSize:"7",fontFamily:"DM Mono, monospace",children:"Home.tsx"}),e.jsx("line",{x1:"20",y1:"54",x2:"32",y2:"54",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.20"}),e.jsx("rect",{x:"34",y:"49",width:"5",height:"7",rx:"1",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"0.5"}),e.jsx("text",{x:"42",y:"56",fill:"#6b6b67",fontSize:"7",fontFamily:"DM Mono, monospace",children:"About.tsx"}),e.jsx("line",{x1:"4",y1:"66",x2:"16",y2:"66",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.20"}),e.jsx("rect",{x:"18",y:"61",width:"5",height:"7",rx:"1",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"0.5"}),e.jsx("text",{x:"26",y:"68",fill:"#6b6b67",fontSize:"7",fontFamily:"DM Mono, monospace",children:"App.tsx"})]})}),e.jsx(t,{href:"/organizational-chart",name:"Organizational chart",description:"Map roles and reporting lines in any organization",category:"Hierarchy",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"34",y:"4",width:"32",height:"16",rx:"3",fill:"#c94a2e"}),e.jsx("text",{x:"50",y:"15",textAnchor:"middle",fill:"#fff",fontSize:"7",fontFamily:"DM Sans, sans-serif",fontWeight:"500",children:"CEO"}),e.jsx("line",{x1:"50",y1:"20",x2:"50",y2:"30",stroke:"#1a1a18",strokeWidth:"0.8",strokeOpacity:"0.15"}),e.jsx("line",{x1:"18",y1:"30",x2:"82",y2:"30",stroke:"#1a1a18",strokeWidth:"0.8",strokeOpacity:"0.15"}),e.jsx("line",{x1:"18",y1:"30",x2:"18",y2:"38",stroke:"#1a1a18",strokeWidth:"0.8",strokeOpacity:"0.15"}),e.jsx("line",{x1:"50",y1:"30",x2:"50",y2:"38",stroke:"#1a1a18",strokeWidth:"0.8",strokeOpacity:"0.15"}),e.jsx("line",{x1:"82",y1:"30",x2:"82",y2:"38",stroke:"#1a1a18",strokeWidth:"0.8",strokeOpacity:"0.15"}),e.jsx("rect",{x:"4",y:"38",width:"28",height:"14",rx:"2",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.5"}),e.jsx("text",{x:"18",y:"48",textAnchor:"middle",fill:"#6b6b67",fontSize:"6",fontFamily:"DM Sans, sans-serif",children:"CTO"}),e.jsx("rect",{x:"36",y:"38",width:"28",height:"14",rx:"2",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.5"}),e.jsx("text",{x:"50",y:"48",textAnchor:"middle",fill:"#6b6b67",fontSize:"6",fontFamily:"DM Sans, sans-serif",children:"CFO"}),e.jsx("rect",{x:"68",y:"38",width:"28",height:"14",rx:"2",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.5"}),e.jsx("text",{x:"82",y:"48",textAnchor:"middle",fill:"#6b6b67",fontSize:"6",fontFamily:"DM Sans, sans-serif",children:"CMO"}),e.jsx("line",{x1:"18",y1:"52",x2:"18",y2:"60",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"}),e.jsx("rect",{x:"4",y:"60",width:"28",height:"12",rx:"2",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.3"}),e.jsx("text",{x:"18",y:"69",textAnchor:"middle",fill:"#b8b8b2",fontSize:"5",fontFamily:"DM Sans, sans-serif",children:"Eng"})]})}),e.jsx(t,{href:"/flame-chart",name:"Flame chart",description:"Time-ordered call-stack profiler visualization",category:"Hierarchy",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"0",y:"60",width:"100",height:"14",rx:"2",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.5"}),e.jsx("rect",{x:"0",y:"44",width:"50",height:"14",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"52",y:"44",width:"34",height:"14",rx:"2",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.5"}),e.jsx("rect",{x:"0",y:"28",width:"30",height:"14",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"52",y:"28",width:"20",height:"14",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"52",y:"12",width:"12",height:"14",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"88",y:"44",width:"12",height:"14",rx:"2",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.3"}),e.jsx("line",{x1:"0",y1:"78",x2:"100",y2:"78",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.08"})]})}),e.jsx(t,{href:"/flame-map",name:"Flame map",description:"Merged flame graph showing aggregated CPU hotspots",category:"Hierarchy",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"0",y:"56",width:"100",height:"16",rx:"2",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.5"}),e.jsx("rect",{x:"0",y:"38",width:"62",height:"16",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"64",y:"38",width:"36",height:"16",rx:"2",fill:"#e8c4b8"}
2),e.jsx("rect",{x:"0",y:"20",width:"38",height:"16",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"40",y:"20",width:"22",height:"16",rx:"2",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.5"}),e.jsx("rect",{x:"0",y:"2",width:"22",height:"16",rx:"2",fill:"#e8c4b8"}),e.jsx("text",{x:"50",y:"68",textAnchor:"middle",fill:"#6b6b67",fontSize:"6",fontFamily:"DM Mono, monospace",children:"all (100%)"})]})}),e.jsx(t,{href:"/phylogenetic-tree",name:"Phylogenetic tree",description:"Map evolutionary relationships among species or genes",category:"Hierarchy",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"10",y1:"65",x2:"10",y2:"20",stroke:"#1a1a18",strokeWidth:"1",strokeOpacity:"0.20"}),e.jsx("line",{x1:"10",y1:"20",x2:"30",y2:"20",stroke:"#1a1a18",strokeWidth:"1",strokeOpacity:"0.20"}),e.jsx("line",{x1:"10",y1:"65",x2:"40",y2:"65",stroke:"#1a1a18",strokeWidth:"1",strokeOpacity:"0.20"}),e.jsx("line",{x1:"30",y1:"20",x2:"30",y2:"10",stroke:"#1a1a18",strokeWidth:"1",strokeOpacity:"0.20"}),e.jsx("line",{x1:"30",y1:"20",x2:"30",y2:"35",stroke:"#1a1a18",strokeWidth:"1",strokeOpacity:"0.20"}),e.jsx("line",{x1:"30",y1:"10",x2:"70",y2:"10",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("circle",{cx:"70",cy:"10",r:"3.5",fill:"#c94a2e"}
2),e.jsx("text",{x:"76",y:"14",fill:"#6b6b67",fontSize:"7",fontFamily:"DM Sans, sans-serif",children:"Humans"}),e.jsx("line",{x1:"30",y1:"35",x2:"60",y2:"35",stroke:"#1a1a18",strokeWidth:"1",strokeOpacity:"0.20"}),e.jsx("circle",{cx:"60",cy:"35",r:"3",fill:"#e8c4b8"}),e.jsx("text",{x:"66",y:"38",fill:"#b8b8b2",fontSize:"6",fontFamily:"DM Sans, sans-serif",children:"Chimps"}),e.jsx("circle",{cx:"40",cy:"65",r:"3",fill:"#e8c4b8"}),e.jsx("text",{x:"46",y:"68",fill:"#b8b8b2",fontSize:"6",fontFamily:"DM Sans, sans-serif",children:"Gorillas"}),e.jsx("circle",{cx:"10",cy:"42",r:"2",fill:"#6b6b67"}),e.jsx("circle",{cx:"30",cy:"20",r:"2",fill:"#6b6b67"})]})}),e.jsx(t,{href:"/node-link-diagram",name:"Node-link diagram",description:"Show entities as nodes and their relationships as connecting lines",category:"Network",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"50",y1:"30",x2:"20",y2:"55",stroke:"#1a1a18",strokeWidth:"1",strokeOpacity:"0.20"}),e.jsx("line",{x1:"50",y1:"30",x2:"80",y2:"55",stroke:"#1a1a18",strokeWidth:"1",strokeOpacity:"0.20"}),e.jsx("line",{x1:"50",y1:"30",x2:"50",y2:"10",stroke:"#1a1a18",strokeWidth:"1",strokeOpacity:"0.20"}),e.jsx("line",{x1:"20",y1:"55",x2:"10",y2:"72",stroke:"#1a1a18",strokeWidth:"1",strokeOpacity:"0.20"}),e.jsx("line",{x1:"80",y1:"55",x2:"90",y2:"72",stroke:"#1a1a18",strokeWidth:"1",strokeOpacity:"0.20"}),e.jsx("circle",{cx:"50",cy:"30",r:"6",fill:"#c94a2e"}),e.jsx("circle",{cx:"20",cy:"55",r:"5",fill:"#e8c4b8"}),e.jsx("circle",{cx:"80",cy:"55",r:"5",fill:"#e8c4b8"}),e.jsx("circle",{cx:"50",cy:"10",r:"4",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"10",cy:"72",r:"3.5",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"90",cy:"72",r:"3.5",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"})]})}),e.jsx(t,{href:"/force-directed-graph",name:"Force-directed graph",description:"Physics-based layout that clusters connected nodes together",category:"Network",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"35",y1:"25",x2:"65",y2:"40",stroke:"#1a1a18",strokeWidth:"1",strokeOpacity:"0.15"}),e.jsx("line",{x1:"35",y1:"25",x2:"25",y2:"55",stroke:"#1a1a18",strokeWidth:"1",strokeOpacity:"0.15"}),e.jsx("line",{x1:"65",y1:"40",x2:"80",y2:"18",stroke:"#1a1a18",strokeWidth:"1",strokeOpacity:"0.15"}),e.jsx("line",{x1:"65",y1:"40",x2:"75",y2:"65",stroke:"#1a1a18",strokeWidth:"1",strokeOpacity:"0.15"}),e.jsx("line",{x1:"25",y1:"55",x2:"50",y2:"70",stroke:"#1a1a18",strokeWidth:"1",strokeOpacity:"0.15"}),e.jsx("line",{x1:"75",y1:"65",x2:"50",y2:"70",stroke:"#1a1a18",strokeWidth:"1",strokeOpacity:"0.15"}),e.jsx("circle",{cx:"35",cy:"25",r:"6",fill:"#c94a2e"}),e.jsx("circle",{cx:"65",cy:"40",r:"7",fill:"#e8c4b8"}),e.jsx("circle",{cx:"25",cy:"55",r:"5",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"80",cy:"18",r:"4",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"75",cy:"65",r:"5",fill:"#e8c4b8"}),e.jsx("circle",{cx:"50",cy:"70",r:"4",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"})]})}),e.jsx(t,{href:"/adjacency-matrix",name:"Adjacency matrix",description:"Grid encoding connections between every pair of nodes",category:"Network",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"22",y:"6",width:"16",height:"16",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"42",y:"6",width:"16",height:"16",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"62",y:"6",width:"16",height:"16",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"22",y:"26",width:"16",height:"16",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"42",y:"26",width:"16",height:"16",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"62",y:"26",width:"16",height:"16",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"22",y:"46",width:"16",height:"16",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"42",y:"46",width:"16",height:"16",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"62",y:"46",width:"16",height:"16",rx:"2",fill:"#f5ede9"}),e.jsx("text",{x:"30",y:"72",textAnchor:"middle",fill:"#b8b8b2",fontSize:"7",fontFamily:"DM Mono, monospace",children:"A"}),e.jsx("text",{x:"50",y:"72",textAnchor:"middle",fill:"#b8b8b2",fontSize:"7",fontFamily:"DM Mono, monospace",children:"B"}),e.jsx("text",{x:"70",y:"72",textAnchor:"middle",fill:"#b8b8b2",fontSize:"7",fontFamily:"DM Mono, monospace",children:"C"})]})}),e.jsx(t,{href:"/arc-diagram",name:"Arc diagram",description:"Nodes on a line with arcs showing connections above",category:"Network",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"5",y1:"65",x2:"95",y2:"65",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"}),e.jsx("path",{d:"M15,65 A20,20 0 0,1 55,65",fill:"none",stroke:"#c94a2e",strokeWidth:"1.5",strokeOpacity:"0.6"}),e.jsx("path",{d:"M35,65 A25,25 0 0,1 85,65",fill:"none",stroke:"#e8c4b8",strokeWidth:"1.5"}),e.jsx("path",{d:"M15,65 A35,35 0 0,1 85,65",fill:"none",stroke:"#c94a2e",strokeWidth:"1",strokeOpacity:"0.3"}),e.jsx("circle",{cx:"15",cy:"65",r:"4",fill:"#c94a2e"}),e.jsx("circle",{cx:"35",cy:"65",r:"3.5",fill:"#e8c4b8"}),e.jsx("circle",{cx:"55",cy:"65",r:"5",fill:"#c94a2e"}),e.jsx("circle",{cx:"85",cy:"65",r:"4",fill:"#e8c4b8"})]})}),e.jsx(t,{href:"/chord-diagram",name:"Chord diagram",description:"Circular layout showing flow magnitude between groups",category:"Network",children:e.jsx("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:e.jsxs("g",{transform:"translate(50,42)",children:[e.jsx("path",{d:"M0,-34 A34,34 0 0,1 30,-16",fill:"none",stroke:"#c94a2e",strokeWidth:"4",strokeOpacity:"0.3"}),e.jsx("path",{d:"M30,-16 A34,34 0 0,1 20,28",fill:"none",stroke:"#e8c4b8",strokeWidth:"4",strokeOpacity:"0.3"}),e.jsx("path",{d:"M20,28 A34,34 0 0,1 -30,16",fill:"none",stroke:"#f5ede9",strokeWidth:"4",strokeOpacity:"0.5"}),e.jsx("path",{d:"M-30,16 A34,34 0 0,1 0,-34",fill:"none",stroke:"#c94a2e",strokeWidth:"4",strokeOpacity:"0.2"}),e.jsx("path",{d:"M0,-30 Q10,0 26,24",fill:"none",stroke:"#c94a2e",strokeWidth:"1",strokeOpacity:"0.4"}
2),e.jsx("path",{d:"M26,-14 Q0,5 -26,14",fill:"none",stroke:"#e8c4b8",strokeWidth:"1.5",strokeOpacity:"0.4"}),e.jsx("path",{d:"M0,-30 Q-5,0 -26,14",fill:"none",stroke:"#c94a2e",strokeWidth:"1",strokeOpacity:"0.3"})]})})}),e.jsx(t,{href:"/non-ribbon-chord-diagram",name:"Non-ribbon chord diagram",description:"Thin-line chord variant for dense many-to-many networks",category:"Network",children:e.jsx("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:e.jsxs("g",{transform:"translate(50,42)",children:[e.jsx("circle",{cx:"0",cy:"0",r:"34",fill:"none",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"}),e.jsx("circle",{cx:"0",cy:"-34",r:"3",fill:"#c94a2e"}),e.jsx("circle",{cx:"30",cy:"-16",r:"3",fill:"#e8c4b8"}),e.jsx("circle",{cx:"30",cy:"16",r:"3",fill:"#e8c4b8"}),e.jsx("circle",{cx:"0",cy:"34",r:"3",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"-30",cy:"16",r:"3",fill:"#e8c4b8"}),e.jsx("circle",{cx:"-30",cy:"-16",r:"3",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("line",{x1:"0",y1:"-34",x2:"30",y2:"-16",stroke:"#c94a2e",strokeWidth:"1",strokeOpacity:"0.4"}),e.jsx("line",{x1:"0",y1:"-34",x2:"30",y2:"16",stroke:"#c94a2e",strokeWidth:"1",strokeOpacity:"0.3"}),e.jsx("line",{x1:"30",y1:"-16",x2:"-30",y2:"16",stroke:"#e8c4b8",strokeWidth:"1",strokeOpacity:"0.4"}),e.jsx("line",{x1:"-30",y1:"-16",x2:"0",y2:"34",stroke:"#c94a2e",strokeWidth:"1",strokeOpacity:"0.3"})]})})}),e.jsx(t,{href:"/hierarchical-edge-bundling",name:"Hierarchical edge bundling",description:"Bundle curved edges by hierarchy to reduce visual clutter",category:"Network",children:e.jsx("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:e.jsxs("g",{transform:"translate(50,42)",children:[e.jsx("circle",{cx:"0",cy:"0",r:"34",fill:"none",stroke:"#1a1a18",strokeWidth:"0.3",strokeOpacity:"0.10"}),e.jsx("circle",{cx:"0",cy:"-34",r:"2.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"24",cy:"-24",r:"2.5",fill:"#e8c4b8"}),e.jsx("circle",{cx:"34",cy:"0",r:"2.5",fill:"#e8c4b8"}),e.jsx("circle",{cx:"24",cy:"24",r:"2.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"0",cy:"34",r:"2.5",fill:"#e8c4b8"}),e.jsx("circle",{cx:"-24",cy:"24",r:"2.5",fill:"#e8c4b8"}),e.jsx("circle",{cx:"-34",cy:"0",r:"2.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"-24",cy:"-24",r:"2.5",fill:"#e8c4b8"}),e.jsx("path",{d:"M0,-34 C0,-10 20,-10 24,24",fill:"none",stroke:"#c94a2e",strokeWidth:"0.8",strokeOpacity:"0.35"}),e.jsx("path",{d:"M0,-34 C0,-10 -20,-5 -34,0",fill:"none",stroke:"#c94a2e",strokeWidth:"0.8",strokeOpacity:"0.35"}),e.jsx("path",{d:"M24,-24 C10,-10 10,10 0,34",fill:"none",stroke:"#e8c4b8",strokeWidth:"0.8",strokeOpacity:"0.4"}),e.jsx("path",{d:"M34,0 C15,0 -15,15 -24,24",fill:"none",stroke:"#e8c4b8",strokeWidth:"0.8",strokeOpacity:"0.4"})]})})}),e.jsx(t,{href:"/force-directed-edge-bundling",name:"Force-directed edge bundling",description:"Physics-based bundling that groups parallel edges together",category:"Network",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("circle",{cx:"15",cy:"15",r:"3",fill:"#c94a2e"}),e.jsx("circle",{cx:"85",cy:"15",r:"3",fill:"#e8c4b8"}),e.jsx("circle",{cx:"15",cy:"65",r:"3",fill:"#e8c4b8"}),e.jsx("circle",{cx:"85",cy:"65",r:"3",fill:"#c94a2e"}),e.jsx("circle",{cx:"50",cy:"40",r:"2",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"0.5"}),e.jsx("path",{d:"M15,15 C30,20 40,35 50,40 C60,35 70,20 85,15",fill:"none",stroke:"#c94a2e",strokeWidth:"0.8",strokeOpacity:"0.4"}),e.jsx("path",{d:"M15,65 C30,60 40,45 50,40 C60,45 70,60 85,65",fill:"none",stroke:"#e8c4b8",strokeWidth:"0.8",strokeOpacity:"0.5"}),e.jsx("path",{d:"M15,15 C25,30 40,38 50,40 C40,42 25,50 15,65",fill:"none",stroke:"#c94a2e",strokeWidth:"0.8",strokeOpacity:"0.3"}),e.jsx("path",{d:"M85,15 C75,30 60,38 50,40 C60,42 75,50 85,65",fill:"none",stroke:"#e8c4b8",strokeWidth:"0.8",strokeOpacity:"0.4"})]})}),e.jsx(t,{href:"/bipartite-graph",name:"Bipartite graph",description:"Two distinct sets of nodes with edges only between sets",category:"Network",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("circle",{cx:"20",cy:"15",r:"4",fill:"#c94a2e"}),e.jsx("circle",{cx:"20",cy:"40",r:"4",fill:"#c94a2e"}),e.jsx("circle",{cx:"20",cy:"65",r:"4",fill:"#c94a2e"}),e.jsx("circle",{cx:"80",cy:"20",r:"4",fill:"#e8c4b8"}),e.jsx("circle",{cx:"80",cy:"45",r:"4",fill:"#e8c4b8"}),e.jsx("circle",{cx:"80",cy:"70",r:"4",fill:"#e8c4b8"}),e.jsx("line",{x1:"24",y1:"15",x2:"76",y2:"20",stroke:"#1a1a18",strokeWidth:"0.8",strokeOpacity:"0.2"}),e.jsx("line",{x1:"24",y1:"15",x2:"76",y2:"45",stroke:"#c94a2e",strokeWidth:"1",strokeOpacity:"0.5"}),e.jsx("line",{x1:"24",y1:"40",x2:"76",y2:"20",stroke:"#1a1a18",strokeWidth:"0.8",strokeOpacity:"0.2"}),e.jsx("line",{x1:"24",y1:"40",x2:"76",y2:"70",stroke:"#1a1a18",strokeWidth:"0.8",strokeOpacity:"0.2"}),e.jsx("line",{x1:"24",y1:"65",x2:"76",y2:"45",stroke:"#1a1a18",strokeWidth:"0.8",strokeOpacity:"0.2"}),e.jsx("line",{x1:"24",y1:"65",x2:"76",y2:"70",stroke:"#1a1a18",strokeWidth:"0.8",strokeOpacity:"0.2"})]})}),e.jsx(t,{href:"/hive-plot",name:"Hive plot",description:"Radial axes position nodes by attribute for uniform layouts",category:"Network",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"50",y1:"40",x2:"50",y2:"5",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.15"}),e.jsx("line",{x1:"50",y1:"40",x2:"15",y2:"65",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.15"}),e.jsx("line",{x1:"50",y1:"40",x2:"85",y2:"65",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.15"}),e.jsx("circle",{cx:"50",cy:"12",r:"3",fill:"#c94a2e"}),e.jsx("circle",{cx:"50",cy:"24",r:"2.5",fill:"#e8c4b8"}),e.jsx("circle",{cx:"25",cy:"58",r:"3",fill:"#c94a2e"}),e.jsx("circle",{cx:"35",cy:"52",r:"2.5",fill:"#e8c4b8"}),e.jsx("circle",{cx:"75",cy:"58",r:"3",fill:"#c94a2e"}),e.jsx("circle",{cx:"65",cy:"52",r:"2.5",fill:"#e8c4b8"}),e.jsx("path",{d:"M50,12 C55,30 70,48 75,58",fill:"none",stroke:"#c94a2e",strokeWidth:"0.8",strokeOpacity:"0.4"}),e.jsx("path",{d:"M50,24 C40,35 30,48 25,58",fill:"none",stroke:"#e8c4b8",strokeWidth:"0.8",strokeOpacity:"0.4"}),e.jsx("path",{d:"M25,58 C45,55 55,55 75,58",fill:"none",stroke:"#c94a2e",strokeWidth:"0.8",strokeOpacity:"0.3"})]})}),e.jsx(t,{href:"/circular-layout-graph",name:"Circular layout graph",description:"Nodes on a circle with internal
2chord-like connections",category:"Network",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("circle",{cx:"50",cy:"40",r:"30",fill:"none",stroke:"#1a1a18",strokeWidth:"0.3",strokeOpacity:"0.10"}),e.jsx("circle",{cx:"50",cy:"10",r:"3.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"76",cy:"25",r:"3",fill:"#e8c4b8"}),e.jsx("circle",{cx:"76",cy:"55",r:"3",fill:"#e8c4b8"}),e.jsx("circle",{cx:"50",cy:"70",r:"3.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"24",cy:"55",r:"3",fill:"#e8c4b8"}),e.jsx("circle",{cx:"24",cy:"25",r:"3",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("line",{x1:"50",y1:"10",x2:"76",y2:"25",stroke:"#c94a2e",strokeWidth:"0.8",strokeOpacity:"0.4"}),e.jsx("line",{x1:"50",y1:"10",x2:"50",y2:"70",stroke:"#c94a2e",strokeWidth:"0.8",strokeOpacity:"0.3"}),e.jsx("line",{x1:"76",y1:"25",x2:"24",y2:"55",stroke:"#e8c4b8",strokeWidth:"0.8",strokeOpacity:"0.4"}),e.jsx("line",{x1:"76",y1:"55",x2:"24",y2:"25",stroke:"#e8c4b8",strokeWidth:"0.8",strokeOpacity:"0.4"})]})}),e.jsx(t,{href:"/matrix-diagram",name:"Matrix diagram",description:"Grid showing relationships between two sets of items",category:"Network",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"20",y:"8",width:"14",height:"14",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"38",y:"8",width:"14",height:"14",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"56",y:"8",width:"14",height:"14",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"74",y:"8",width:"14",height:"14",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"20",y:"26",width:"14",height:"14",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"38",y:"26",width:"14",height:"14",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"56",y:"26",width:"14",height:"14",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"74",y:"26",width:"14",height:"14",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"20",y:"44",width:"14",height:"14",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"38",y:"44",width:"14",height:"14",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"56",y:"44",width:"14",height:"14",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"74",y:"44",width:"14",height:"14",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"20",y:"62",width:"14",height:"14",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"38",y:"62",width:"14",height:"14",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"56",y:"62",width:"14",height:"14",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"74",y:"62",width:"14",height:"14",rx:"2",fill:"#c94a2e"})]})}),e.jsx(t,{href:"/ego-network-diagram",name:"Ego network diagram",description:"Focus on one node and its direct connections",category:"Network",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("circle",{cx:"50",cy:"40",r:"7",fill:"#c94a2e"}),e.jsx("circle",{cx:"25",cy:"18",r:"4",fill:"#e8c4b8"}),e.jsx("circle",{cx:"78",cy:"22",r:"3.5",fill:"#e8c4b8"}),e.jsx("circle",{cx:"82",cy:"55",r:"3.5",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"20",cy:"60",r:"4",fill:"#e8c4b8"}),e.jsx("circle",{cx:"55",cy:"72",r:"3",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("line",{x1:"50",y1:"40",x2:"25",y2:"18",stroke:"#1a1a18",strokeWidth:"1",strokeOpacity:"0.2"}),e.jsx("line",{x1:"50",y1:"40",x2:"78",y2:"22",stroke:"#1a1a18",strokeWidth:"1",strokeOpacity:"0.2"}),e.jsx("line",{x1:"50",y1:"40",x2:"82",y2:"55",stroke:"#1a1a18",strokeWidth:"1",strokeOpacity:"0.2"}),e.jsx("line",{x1:"50",y1:"40",x2:"20",y2:"60",stroke:"#1a1a18",strokeWidth:"1",strokeOpacity:"0.2"}),e.jsx("line",{x1:"50",y1:"40",x2:"55",y2:"72",stroke:"#1a1a18",strokeWidth:"1",strokeOpacity:"0.2"}),e.jsx("line",{x1:"25",y1:"18",x2:"20",y2:"60",stroke:"#c94a2e",strokeWidth:"0.6",strokeOpacity:"0.3"})]})}),e.jsx(t,{href:"/biofabric",name:"BioFabric",description:"Nodes as horizontal lines, edges as vertical segments",category:"Network",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"5",y1:"15",x2:"95",y2:"15",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("line",{x1:"5",y1:"30",x2:"95",y2:"30",stroke:"#e8c4b8",strokeWidth:"1.5"}),e.jsx("line",{x1:"5",y1:"45",x2:"95",y2:"45",stroke:"#c94a2e",strokeWidth:"1.5",strokeOpacity:"0.6"}),e.jsx("line",{x1:"5",y1:"60",x2:"95",y2:"60",stroke:"#e8c4b8",strokeWidth:"1.5"}),e.jsx("line",{x1:"5",y1:"75",x2:"95",y2:"75",stroke:"#f5ede9",strokeWidth:"1.5"}),e.jsx("line",{x1:"20",y1:"15",x2:"20",y2:"30",stroke:"#1a1a18",strokeWidth:"0.8",strokeOpacity:"0.2"}),e.jsx("line",{x1:"35",y1:"15",x2:"35",y2:"45",stroke:"#c94a2e",strokeWidth:"0.8",strokeOpacity:"0.3"}),e.jsx("line",{x1:"50",y1:"30",x2:"50",y2:"60",stroke:"#1a1a18",strokeWidth:"0.8",strokeOpacity:"0.2"}),e.jsx("line",{x1:"65",y1:"45",x2:"65",y2:"75",stroke:"#1a1a18",strokeWidth:"0.8",strokeOpacity:"0.2"}),e.jsx("line",{x1:"80",y1:"15",x2:"80",y2:"60",stroke:"#c94a2e",strokeWidth:"0.8",strokeOpacity:"0.3"})]})}),e.jsx(t,{href:"/circos-plot",name:"Circos plot",description:"Circular genomics-inspired layout for complex relationships",category:"Network",children:e.jsx("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:e.jsxs("g",{transform:"translate(50,42)",children:[e.jsx("path",{d:"M0,-34 A34,34 0 0,1 30,-16",fill:"none",stroke:"#c94a2e",strokeWidth:"5",strokeOpacity:"0.25"}),e.jsx("path",{d:"M30,-16 A34,34 0 0,1 30,16",fill:"none",stroke:"#e8c4b8",strokeWidth:"5",strokeOpacity:"0.35"}),e.jsx("path",{d:"M30,16 A34,34 0 0,1 0,34",fill:"none",stroke:"#c94a2e",strokeWidth:"5",strokeOpacity:"0.2"}),e.jsx("path",{d:"M0,34 A34,34 0 0,1 -30,16",fill:"none",stroke:"#e8c4b8",strokeWidth:"5",strokeOpacity:"0.35"}),e.jsx("path",{d:"M-30,16 A34,34 0 0,1 -30,-16",fill:"none",stroke:"#c94a2e",strokeWidth:"5",strokeOpacity:"0.25"}),e.jsx("path",{d:"M-30,-16 A34,34 0 0,1 0,-34",fill:"none",stroke:"#f5ede9",strokeWidth:"5",strokeOpacity:"0.5"}),e.jsx("path",{d:"M0,-30 Q15,0 26,14",fill:"none",stroke:"#c94a2e",strokeWidth:"0.8",strokeOpacity:"0.4"}
2),e.jsx("path",{d:"M26,-14 Q0,10 -26,14",fill:"none",stroke:"#e8c4b8",strokeWidth:"0.8",strokeOpacity:"0.4"}),e.jsx("path",{d:"M-26,-14 Q-5,5 0,30",fill:"none",stroke:"#c94a2e",strokeWidth:"0.8",strokeOpacity:"0.3"})]})})}),e.jsx(t,{href:"/hypergraph-visualization",name:"Hypergraph visualization",description:"Edges connecting more than two nodes simultaneously",category:"Network",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("ellipse",{cx:"35",cy:"35",rx:"25",ry:"20",fill:"none",stroke:"#c94a2e",strokeWidth:"1",strokeOpacity:"0.3",strokeDasharray:"3,2"}),e.jsx("ellipse",{cx:"65",cy:"45",rx:"25",ry:"22",fill:"none",stroke:"#e8c4b8",strokeWidth:"1",strokeOpacity:"0.4",strokeDasharray:"3,2"}),e.jsx("circle",{cx:"25",cy:"30",r:"3.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"40",cy:"25",r:"3",fill:"#e8c4b8"}),e.jsx("circle",{cx:"50",cy:"40",r:"4",fill:"#c94a2e"}),e.jsx("circle",{cx:"70",cy:"35",r:"3",fill:"#e8c4b8"}),e.jsx("circle",{cx:"75",cy:"55",r:"3.5",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"55",cy:"58",r:"3",fill:"#e8c4b8"})]})}),e.jsx(t,{href:"/choropleth-map",name:"Choropleth map",description:"Color-coded regions showing data intensity across areas",category:"Geospatial",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"5",y:"10",width:"18",height:"28",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"25",y:"10",width:"18",height:"28",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"45",y:"10",width:"18",height:"28",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"65",y:"10",width:"18",height:"28",rx:"2",fill:"#c94a2e",fillOpacity:"0.6"}),e.jsx("rect",{x:"5",y:"42",width:"18",height:"28",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"25",y:"42",width:"18",height:"28",rx:"2",fill:"#c94a2e",fillOpacity:"0.8"}),e.jsx("rect",{x:"45",y:"42",width:"18",height:"28",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"65",y:"42",width:"18",height:"28",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"85",y:"25",width:"10",height:"30",rx:"2",fill:"#c94a2e",fillOpacity:"0.4"})]})}),e.jsx(t,{href:"/cartogram",name:"Cartogram",description:"Distort region sizes to encode a data variable",category:"Geospatial",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"10",y:"15",width:"30",height:"22",rx:"3",fill:"#c94a2e",fillOpacity:"0.8"}),e.jsx("rect",{x:"42",y:"10",width:"22",height:"30",rx:"3",fill:"#e8c4b8"}),e.jsx("rect",{x:"66",y:"18",width:"26",height:"18",rx:"3",fill:"#f5ede9"}),e.jsx("rect",{x:"15",y:"40",width:"24",height:"30",rx:"3",fill:"#c94a2e",fillOpacity:"0.5"}),e.jsx("rect",{x:"42",y:"44",width:"34",height:"26",rx:"3",fill:"#c94a2e"}),e.jsx("rect",{x:"78",y:"40",width:"16",height:"20",rx:"3",fill:"#e8c4b8"})]})}),e.jsx(t,{href:"/dorling-cartogram",name:"Dorling cartogram",description:"Replace regions with proportionally sized circles",category:"Geospatial",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("circle",{cx:"25",cy:"30",r:"14",fill:"#c94a2e",fillOpacity:"0.7"}),e.jsx("circle",{cx:"55",cy:"25",r:"10",fill:"#e8c4b8"}),e.jsx("circle",{cx:"78",cy:"32",r:"7",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"30",cy:"58",r:"8",fill:"#c94a2e",fillOpacity:"0.5"}),e.jsx("circle",{cx:"55",cy:"55",r:"12",fill:"#c94a2e"}),e.jsx("circle",{cx:"80",cy:"58",r:"5",fill:"#e8c4b8"})]})}),e.jsx(t,{href:"/demers-cartogram",name:"Demers cartogram",description:"Replace regions with proportionally sized squares",category:"Geospatial",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"8",y:"12",width:"24",height:"24",rx:"2",fill:"#c94a2e",fillOpacity:"0.7"}),e.jsx("rect",{x:"36",y:"8",width:"18",height:"18",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"58",y:"14",width:"12",height:"12",rx:"2",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("rect",{x:"74",y:"10",width:"20",height:"20",rx:"2",fill:"#c94a2e",fillOpacity:"0.5"}),e.jsx("rect",{x:"12",y:"42",width:"16",height:"16",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"32",y:"38",width:"28",height:"28",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"64",y:"40",width:"14",height:"14",rx:"2",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("rect",{x:"82",y:"44",width:"10",height:"10",rx:"2",fill:"#e8c4b8"})]})}),e.jsx(t,{href:"/non-contiguous-cartogram",name:"Non-contiguous cartogram",description:"Shrink or grow regions in place without touching neighbors",category:"Geospatial",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"10",y:"20",width:"20",height:"14",rx:"2",fill:"#c94a2e",fillOpacity:"0.6",transform:"scale(0.8) translate(5,10)"}),e.jsx("rect",{x:"38",y:"15",width:"16",height:"12",rx:"2",fill:"#e8c4b8",transform:"scale(1.1) translate(-2,2)"}),e.jsx("rect",{x:"60",y:"18",width:"22",height:"16",rx:"2",fill:"#c94a2e",fillOpacity:"0.4"}),e.jsx("rect",{x:"14",y:"48",width:"14",height:"10",rx:"2",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"0.8"}),e.jsx("rect",{x:"35",y:"44",width:"26",height:"20",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"68",y:"46",width:"18",height:"14",rx:"2",fill:"#e8c4b8"}),e.jsx("line",{x1:"5",y1:"4",x2:"95",y2:"4",stroke:"#1a1a18",strokeWidth:"0.3",strokeOpacity:"0.08"}),e.jsx("line",{x1:"5",y1:"76",x2:"95",y2:"76",stroke:"#1a1a18",strokeWidth:"0.3",strokeOpacity:"0.08"})]})}),e.jsx(t,{href:"/tile-grid-map",name:"Tile grid map",description:"Equal-sized t
2iles arranged to approximate geography",category:"Geospatial",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"8",y:"8",width:"14",height:"14",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"24",y:"8",width:"14",height:"14",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"40",y:"8",width:"14",height:"14",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"56",y:"8",width:"14",height:"14",rx:"2",fill:"#c94a2e",fillOpacity:"0.6"}),e.jsx("rect",{x:"72",y:"8",width:"14",height:"14",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"8",y:"24",width:"14",height:"14",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"24",y:"24",width:"14",height:"14",rx:"2",fill:"#c94a2e",fillOpacity:"0.8"}),e.jsx("rect",{x:"40",y:"24",width:"14",height:"14",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"56",y:"24",width:"14",height:"14",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"72",y:"24",width:"14",height:"14",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"8",y:"40",width:"14",height:"14",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"24",y:"40",width:"14",height:"14",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"40",y:"40",width:"14",height:"14",rx:"2",fill:"#c94a2e",fillOpacity:"0.5"}),e.jsx("rect",{x:"56",y:"40",width:"14",height:"14",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"72",y:"40",width:"14",height:"14",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"24",y:"56",width:"14",height:"14",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"40",y:"56",width:"14",height:"14",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"56",y:"56",width:"14",height:"14",rx:"2",fill:"#f5ede9"})]})}),e.jsx(t,{href:"/bivariate-tile-grid-map",name:"Bivariate tile grid map",description:"Two data variables encoded in each tile via color mixing",category:"Geospatial",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"8",y:"8",width:"14",height:"14",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"24",y:"8",width:"14",height:"14",rx:"2",fill:"#9e3522"}),e.jsx("rect",{x:"40",y:"8",width:"14",height:"14",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"56",y:"8",width:"14",height:"14",rx:"2",fill:"#c94a2e",fillOpacity:"0.4"}),e.jsx("rect",{x:"8",y:"24",width:"14",height:"14",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"24",y:"24",width:"14",height:"14",rx:"2",fill:"#c94a2e",fillOpacity:"0.7"}),e.jsx("rect",{x:"40",y:"24",width:"14",height:"14",rx:"2",fill:"#9e3522"}),e.jsx("rect",{x:"56",y:"24",width:"14",height:"14",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"8",y:"40",width:"14",height:"14",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"24",y:"40",width:"14",height:"14",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"40",y:"40",width:"14",height:"14",rx:"2",fill:"#e8c4b8"}),e.jsx("rect",{x:"56",y:"40",width:"14",height:"14",rx:"2",fill:"#c94a2e",fillOpacity:"0.6"}),e.jsx("rect",{x:"72",y:"16",width:"20",height:"8",rx:"1",fill:"#c94a2e"}),e.jsx("rect",{x:"72",y:"26",width:"20",height:"8",rx:"1",fill:"#e8c4b8"}),e.jsx("rect",{x:"72",y:"36",width:"20",height:"8",rx:"1",fill:"#f5ede9"})]})}),e.jsx(t,{href:"/dot-density-map",name:"Dot density map",description:"One dot per unit to show spatial distribution patterns",category:"Geospatial",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"5",y:"5",width:"90",height:"70",rx:"4",fill:"none",stroke:"#1a1a18",strokeWidth:"0.3",strokeOpacity:"0.1"}),e.jsx("circle",{cx:"18",cy:"22",r:"2",fill:"#c94a2e"}),e.jsx("circle",{cx:"25",cy:"18",r:"2",fill:"#c94a2e"}),e.jsx("circle",{cx:"22",cy:"28",r:"2",fill:"#c94a2e"}),e.jsx("circle",{cx:"30",cy:"24",r:"2",fill:"#c94a2e"}),e.jsx("circle",{cx:"16",cy:"34",r:"2",fill:"#c94a2e"}),e.jsx("circle",{cx:"55",cy:"40",r:"2",fill:"#e8c4b8"}),e.jsx("circle",{cx:"62",cy:"36",r:"2",fill:"#e8c4b8"}),e.jsx("circle",{cx:"58",cy:"48",r:"2",fill:"#e8c4b8"}),e.jsx("circle",{cx:"42",cy:"55",r:"2",fill:"#c94a2e",fillOpacity:"0.6"}),e.jsx("circle",{cx:"75",cy:"30",r:"2",fill:"#e8c4b8"}),e.jsx("circle",{cx:"80",cy:"50",r:"2",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"0.8"}),e.jsx("circle",{cx:"35",cy:"60",r:"2",fill:"#c94a2e",fillOpacity:"0.5"}),e.jsx("circle",{cx:"70",cy:"60",r:"2",fill:"#e8c4b8"}),e.jsx("circle",{cx:"48",cy:"30",r:"2",fill:"#c94a2e",fillOpacity:"0.7"})]})}),e.jsx(t,{href:"/proportional-symbol-map",name:"Proportional symbol map",description:"Scale symbols by data value at each map location",category:"Geospatial",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"5",y:"5",width:"90",height:"70",rx:"4",fill:"none",stroke:"#1a1a18",strokeWidth:"0.3",strokeOpacity:"0.1"}),e.jsx("circle",{cx:"30",cy:"30",r:"14",fill:"#c94a2e",fillOpacity:"0.25",stroke:"#c94a2e",strokeWidth:"1"}
2),e.jsx("circle",{cx:"65",cy:"25",r:"8",fill:"#c94a2e",fillOpacity:"0.25",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"50",cy:"55",r:"18",fill:"#c94a2e",fillOpacity:"0.25",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"80",cy:"55",r:"5",fill:"#c94a2e",fillOpacity:"0.25",stroke:"#c94a2e",strokeWidth:"1"})]})}),e.jsx(t,{href:"/bubble-map",name:"Bubble map",description:"Circles sized by data value placed at geographic locations",category:"Geospatial",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"5",y:"5",width:"90",height:"70",rx:"4",fill:"none",stroke:"#1a1a18",strokeWidth:"0.3",strokeOpacity:"0.1"}),e.jsx("circle",{cx:"28",cy:"35",r:"16",fill:"#c94a2e",fillOpacity:"0.35"}),e.jsx("circle",{cx:"60",cy:"28",r:"10",fill:"#e8c4b8",fillOpacity:"0.7"}),e.jsx("circle",{cx:"72",cy:"52",r:"12",fill:"#c94a2e",fillOpacity:"0.35"}),e.jsx("circle",{cx:"40",cy:"58",r:"7",fill:"#e8c4b8",fillOpacity:"0.7"}),e.jsx("circle",{cx:"85",cy:"30",r:"5",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"0.8"})]})}),e.jsx(t,{href:"/spike-map",name:"Spike map",description:"Vertical spikes whose height encodes magnitude at each point",category:"Geospatial",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"5",y:"5",width:"90",height:"70",rx:"4",fill:"none",stroke:"#1a1a18",strokeWidth:"0.3",strokeOpacity:"0.1"}),e.jsx("line",{x1:"25",y1:"65",x2:"25",y2:"20",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("line",{x1:"45",y1:"65",x2:"45",y2:"35",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("line",{x1:"60",y1:"65",x2:"60",y2:"10",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("line",{x1:"75",y1:"65",x2:"75",y2:"42",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("line",{x1:"38",y1:"65",x2:"38",y2:"50",stroke:"#e8c4b8",strokeWidth:"1.5"}),e.jsx("line",{x1:"82",y1:"65",x2:"82",y2:"55",stroke:"#e8c4b8",strokeWidth:"1.5"}),e.jsx("line",{x1:"5",y1:"65",x2:"95",y2:"65",stroke:"#1a1a18",strokeWidth:"0.3",strokeOpacity:"0.15"})]})}),e.jsx(t,{href:"/flow-map",name:"Flow map",description:"Lines of varying width showing movement between locations",category:"Geospatial",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("circle",{cx:"20",cy:"30",r:"5",fill:"#c94a2e"}),e.jsx("circle",{cx:"80",cy:"25",r:"4",fill:"#e8c4b8"}),e.jsx("circle",{cx:"75",cy:"60",r:"4",fill:"#e8c4b8"}),e.jsx("circle",{cx:"30",cy:"65",r:"3",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"0.8"}),e.jsx("path",{d:"M25,30 Q50,10 76,25",fill:"none",stroke:"#c94a2e",strokeWidth:"3",strokeOpacity:"0.5"}),e.jsx("path",{d:"M25,32 Q55,55 71,60",fill:"none",stroke:"#c94a2e",strokeWidth:"2",strokeOpacity:"0.4"}),e.jsx("path",{d:"M23,34 Q28,50 30,62",fill:"none",stroke:"#c94a2e",strokeWidth:"1",strokeOpacity:"0.3"})]})}),e.jsx(t,{href:"/connection-map",name:"Connection map",description:"Arc lines linking locations to show relationships on a map",category:"Geospatial",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("circle",{cx:"50",cy:"35",r:"5",fill:"#c94a2e"}),e.jsx("circle",{cx:"15",cy:"20",r:"3",fill:"#e8c4b8"}),e.jsx("circle",{cx:"85",cy:"18",r:"3",fill:"#e8c4b8"}),e.jsx("circle",{cx:"20",cy:"65",r:"3",fill:"#e8c4b8"}),e.jsx("circle",{cx:"80",cy:"60",r:"3",fill:"#e8c4b8"}),e.jsx("path",{d:"M47,32 Q30,15 18,20",fill:"none",stroke:"#c94a2e",strokeWidth:"1",strokeOpacity:"0.5"}),e.jsx("path",{d:"M53,32 Q70,12 82,18",fill:"none",stroke:"#c94a2e",strokeWidth:"1",strokeOpacity:"0.5"}),e.jsx("path",{d:"M47,38 Q30,55 23,62",fill:"none",stroke:"#c94a2e",strokeWidth:"1",strokeOpacity:"0.5"}),e.jsx("path",{d:"M53,38 Q70,55 77,58",fill:"none",stroke:"#c94a2e",strokeWidth:"1",strokeOpacity:"0.5"})]})}),e.jsx(t,{href:"/hexbin-map",name:"Hexbin map",description:"Hexagonal bins aggregating and color-coding geographic data",category:"Geospatial",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("polygon",{points:"25,15 35,10 45,15 45,25 35,30 25,25",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.5"}),e.jsx("polygon",{points:"45,15 55,10 65,15 65,25 55,30 45,25",fill:"#e8c4b8",stroke:"#d4a494",strokeWidth:"0.5"}),e.jsx("polygon",{points:"65,15 75,10 85,15 85,25 75,30 65,25",fill:"#c94a2e",stroke:"#a83d26",strokeWidth:"0.5"}),e.jsx("polygon",{points:"15,30 25,25 35,30 35,40 25,45 15,40",fill:"#e8c4b8",stroke:"#d4a494",strokeWidth:"0.5"}),e.jsx("polygon",{points:"35,30 45,25 55,30 55,40 45,45 35,40",fill:"#c94a2e",stroke:"#a83d26",strokeWidth:"0.5"}),e.jsx("polygon",{points:"55,30 65,25 75,30 75,40 65,45 55,40",fill:"#d4a494",stroke:"#c08070",strokeWidth:"0.5"}),e.jsx("polygon",{points:"25,45 35,40 45,45 45,55 35,60 25,55",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.5"}),e.jsx("polygon",{points:"45,45 55,40 65,45 65,55 55,60 45,55",fill:"#e8c4b8",stroke:"#d4a494",strokeWidth:"0.5"}),e.jsx("polygon",{points:"65,45 75,40 85,45 85,55 75,60 65,55",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.5"})]})}),e.jsx(t,{href:"/isarithmic-map",name:"Isarithmic map",description:"Contour lines or bands showing continuous data across a surface",category:"Geospatial",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("ellipse",{cx:"50",cy:"40",rx:"42",ry:"32",fill:"none",stroke:"#f5ede9",strokeWidth:"1.5"}),e.jsx("ellipse",{cx:"50",cy:"40",rx:"32",ry:"24",fill:"none",stroke:"#e8c4b8",strokeWidth:"1.5"}),e.jsx("ellipse",{cx:"50",cy:"40",rx:"22",ry:"16",fill:"none",stroke:"#d4a494",strokeWidth:"1.5"}),e.jsx("ellipse",{cx:"50",cy:"40",rx:"12",ry:"8",fill:"#c94a2e",fillOpacity:"0.2",stroke:"#c94a2e",strokeWidth:"1.5"})]})}),e.jsx(t,{href:"/geographic-heat-map",name:"Geographic heat map",description:"Color gradients showing intensity across a geographic surface",category:"Geospatial",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"5",y:"5",width:"90",height:"70",rx:"4",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.5"}),e.jsx("circle",{cx:"35",cy:"30",r:"18",fill:"#c94a2e",fillOpacity:"0.6"}),e.jsx("circle",{cx:"60",cy:"50",r:"14",fill:"#c94a2e",fillOpacity:"0.4"}),e.jsx("circle",{cx:"45",cy:"40",r:"10",fill:"#c94a2e",fillOpacity:"0.8"}
2),e.jsx("circle",{cx:"70",cy:"25",r:"8",fill:"#e8c4b8",fillOpacity:"0.5"})]})}),e.jsx(t,{href:"/dasymetric-map",name:"Dasymetric map",description:"Refined choropleth using ancillary data for accurate density",category:"Geospatial",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("path",{d:"M10,20 L45,10 L50,35 L25,40 Z",fill:"#c94a2e",fillOpacity:"0.7"}),e.jsx("path",{d:"M45,10 L85,15 L80,40 L50,35 Z",fill:"#e8c4b8"}),e.jsx("path",{d:"M25,40 L50,35 L55,65 L15,60 Z",fill:"#c94a2e",fillOpacity:"0.4"}),e.jsx("path",{d:"M50,35 L80,40 L85,70 L55,65 Z",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.5"}),e.jsx("line",{x1:"50",y1:"35",x2:"50",y2:"35",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.2"})]})}),e.jsx(t,{href:"/value-by-alpha-map",name:"Value-by-alpha map",description:"Color encodes value, transparency encodes confidence",category:"Geospatial",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"5",y:"5",width:"25",height:"35",rx:"2",fill:"#c94a2e",fillOpacity:"0.9"}),e.jsx("rect",{x:"35",y:"5",width:"25",height:"35",rx:"2",fill:"#c94a2e",fillOpacity:"0.3"}),e.jsx("rect",{x:"65",y:"5",width:"25",height:"35",rx:"2",fill:"#e8c4b8",fillOpacity:"0.8"}),e.jsx("rect",{x:"5",y:"45",width:"25",height:"30",rx:"2",fill:"#c94a2e",fillOpacity:"0.5"}),e.jsx("rect",{x:"35",y:"45",width:"25",height:"30",rx:"2",fill:"#e8c4b8",fillOpacity:"0.2"}),e.jsx("rect",{x:"65",y:"45",width:"25",height:"30",rx:"2",fill:"#c94a2e",fillOpacity:"0.7"})]})}),e.jsx(t,{href:"/prism-map",name:"Prism map",description:"3D extruded regions where height encodes a data variable",category:"Geospatial",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("polygon",{points:"15,60 35,55 40,30 20,35",fill:"#e8c4b8",stroke:"#1a1a18",strokeWidth:"0.3",strokeOpacity:"0.2"}),e.jsx("polygon",{points:"35,55 55,60 60,20 40,30",fill:"#c94a2e",fillOpacity:"0.7",stroke:"#1a1a18",strokeWidth:"0.3",strokeOpacity:"0.2"}),e.jsx("polygon",{points:"55,60 75,55 78,40 60,20",fill:"#f5ede9",stroke:"#1a1a18",strokeWidth:"0.3",strokeOpacity:"0.2"}),e.jsx("polygon",{points:"20,35 40,30 40,15 20,20",fill:"#d4a494",stroke:"#1a1a18",strokeWidth:"0.3",strokeOpacity:"0.15"}),e.jsx("polygon",{points:"40,30 60,20 60,5 40,15",fill:"#c94a2e",stroke:"#1a1a18",strokeWidth:"0.3",strokeOpacity:"0.15"})]})}),e.jsx(t,{href:"/space-time-cube",name:"Space-time cube",description:"3D cube with geography on X-Y and time on the Z axis",category:"Geospatial",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("polygon",{points:"20,60 50,72 80,60 50,48",fill:"none",stroke:"#e8c4b8",strokeWidth:"1"}),e.jsx("line",{x1:"20",y1:"60",x2:"20",y2:"15",stroke:"#e8c4b8",strokeWidth:"1"}),e.jsx("line",{x1:"80",y1:"60",x2:"80",y2:"15",stroke:"#e8c4b8",strokeWidth:"1"}),e.jsx("line",{x1:"50",y1:"48",x2:"50",y2:"3",stroke:"#e8c4b8",strokeWidth:"1"}),e.jsx("polygon",{points:"20,15 50,27 80,15 50,3",fill:"none",stroke:"#e8c4b8",strokeWidth:"1"}),e.jsx("path",{d:"M30,55 L35,45 L40,35 L50,20 L55,12",fill:"none",stroke:"#c94a2e",strokeWidth:"1.5",strokeLinecap:"round"}),e.jsx("circle",{cx:"30",cy:"55",r:"2.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"55",cy:"12",r:"2.5",fill:"#c94a2e"})]})}),e.jsx(t,{href:"/voronoi-map",name:"Voronoi map",description:"Thiessen polygons partitioning space by nearest point",category:"Geospatial",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("polygon",{points:"10,10 45,5 50,35 20,30",fill:"#c94a2e",fillOpacity:"0.3",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.15"}),e.jsx("polygon",{points:"45,5 90,10 85,40 50,35",fill:"#e8c4b8",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.15"}),e.jsx("polygon",{points:"20,30 50,35 40,70 5,65",fill:"#f5ede9",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.15"}),e.jsx("polygon",{points:"50,35 85,40 90,75 40,70",fill:"#c94a2e",fillOpacity:"0.5",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.15"}),e.jsx("circle",{cx:"30",cy:"20",r:"2.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"65",cy:"22",r:"2.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"30",cy:"50",r:"2.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"65",cy:"55",r:"2.5",fill:"#c94a2e"})]})}),e.jsx(t,{href:"/necklace-map",name:"Necklace map",description:"Glyphs arranged along a curve following a regi
2onâs outline",category:"Geospatial",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("ellipse",{cx:"50",cy:"42",rx:"38",ry:"30",fill:"none",stroke:"#e8c4b8",strokeWidth:"1.5",strokeDasharray:"4,3"}),e.jsx("path",{d:"M30,25 L50,20 L70,28 L75,45 L65,62 L45,65 L25,55 L20,38 Z",fill:"#f5ede9",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.15"}),e.jsx("circle",{cx:"22",cy:"22",r:"5",fill:"#c94a2e",fillOpacity:"0.7"}),e.jsx("circle",{cx:"55",cy:"12",r:"7",fill:"#c94a2e",fillOpacity:"0.5"}),e.jsx("circle",{cx:"85",cy:"35",r:"4",fill:"#e8c4b8"}),e.jsx("circle",{cx:"78",cy:"62",r:"6",fill:"#c94a2e",fillOpacity:"0.6"}),e.jsx("circle",{cx:"40",cy:"72",r:"5",fill:"#c94a2e",fillOpacity:"0.4"}),e.jsx("circle",{cx:"14",cy:"50",r:"4.5",fill:"#e8c4b8"})]})}),e.jsx(t,{href:"/forest-plot",name:"Forest plot",description:"Effect sizes and confidence intervals from multiple studies",category:"Statistical",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"50",y1:"5",x2:"50",y2:"70",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.15",strokeDasharray:"3,2"}),e.jsx("line",{x1:"20",y1:"15",x2:"70",y2:"15",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("rect",{x:"42",y:"11",width:"8",height:"8",fill:"#c94a2e"}),e.jsx("line",{x1:"30",y1:"30",x2:"60",y2:"30",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("rect",{x:"40",y:"26",width:"6",height:"8",fill:"#c94a2e"}),e.jsx("line",{x1:"25",y1:"45",x2:"80",y2:"45",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("rect",{x:"48",y:"41",width:"10",height:"8",fill:"#c94a2e"}),e.jsx("polygon",{points:"38,60 50,55 62,60 50,65",fill:"#c94a2e",fillOpacity:"0.6"}),e.jsx("line",{x1:"0",y1:"75",x2:"100",y2:"75",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/funnel-plot-statistical",name:"Funnel plot",description:"Detect publication bias in meta-analyses",category:"Statistical",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"50",y1:"10",x2:"50",y2:"75",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.2",strokeDasharray:"3,2"}),e.jsx("line",{x1:"50",y1:"10",x2:"15",y2:"75",stroke:"#e8c4b8",strokeWidth:"1",strokeDasharray:"4,3"}),e.jsx("line",{x1:"50",y1:"10",x2:"85",y2:"75",stroke:"#e8c4b8",strokeWidth:"1",strokeDasharray:"4,3"}),e.jsx("circle",{cx:"48",cy:"20",r:"3",fill:"#c94a2e"}),e.jsx("circle",{cx:"55",cy:"30",r:"3",fill:"#c94a2e",fillOpacity:"0.6"}),e.jsx("circle",{cx:"42",cy:"35",r:"3",fill:"#c94a2e",fillOpacity:"0.6"}),e.jsx("circle",{cx:"60",cy:"50",r:"3",fill:"#c94a2e",fillOpacity:"0.4"}),e.jsx("circle",{cx:"35",cy:"55",r:"3",fill:"#c94a2e",fillOpacity:"0.4"}),e.jsx("circle",{cx:"25",cy:"65",r:"3",fill:"#c94a2e",fillOpacity:"0.3"}),e.jsx("circle",{cx:"70",cy:"60",r:"3",fill:"#c94a2e",fillOpacity:"0.3"}),e.jsx("line",{x1:"0",y1:"75",x2:"100",y2:"75",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/roc-curve",name:"ROC curve",description:"True positive vs false positive rate across thresholds",category:"Statistical",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"10",y1:"75",x2:"95",y2:"5",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12",strokeDasharray:"3,2"}),e.jsx("path",{d:"M10,75 Q15,20 40,15 Q65,10 95,5",fill:"none",stroke:"#c94a2e",strokeWidth:"2",strokeLinecap:"round"}),e.jsx("rect",{x:"10",y:"5",width:"85",height:"70",fill:"none",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.1"}),e.jsx("text",{x:"52",y:"50",fill:"#c94a2e",fillOpacity:"0.3",fontSize:"14",fontFamily:"DM Mono, monospace",fontWeight:"500",children:"AUC"})]})}),e.jsx(t,{href:"/precision-recall-curve",name:"Precision-recall curve",description:"Precision vs recall trade-off for imbalanced data",category:"Statistical",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("path",{d:"M10,10 Q30,12 50,25 Q70,40 85,70",fill:"none",stroke:"#c94a2e",strokeWidth:"2",strokeLinecap:"round"}),e.jsx("line",{x1:"10",y1:"40",x2:"95",y2:"40",stroke:"#e8c4b8",strokeWidth:"1",strokeDasharray:"3,2"}),e.jsx("rect",{x:"10",y:"5",width:"85",height:"70",fill:"none",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.1"}),e.jsx("text",{x:"52",y:"35",fill:"#c94a2e",fillOpacity:"0.25",fontSize:"10",fontFamily:"DM Mono, monospace",children:"AP"})]})}),e.jsx(t,{href:"/bland-altman-plot",name:"Bland-Altman plot",description:"Agreement between two measurement methods",category:"Statistical",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"5",y1:"40",x2:"95",y2:"40",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("line",{x1:"5",y1:"18",x2:"95",y2:"18",stroke:"#e8c4b8",strokeWidth:"1",strokeDasharray:"4,3"}),e.jsx("line",{x1:"5",y1:"62",x2:"95",y2:"62",stroke:"#e8c4b8",strokeWidth:"1",strokeDasharray:"4,3"}),e.jsx("circle",{cx:"20",cy:"35",r:"3",fill:"#c94a2e",fillOpacity:"0.5"}),e.jsx("circle",{cx:"35",cy:"45",r:"3",fill:"#c94a2e",fillOpacity:"0.5"}),e.jsx("circle",{cx:"50",cy:"38",r:"3",fill:"#c94a2e",fillOpacity:"0.5"}),e.jsx("circle",{cx:"65",cy:"42",r:"3",fill:"#c94a2e",fillOpacity:"0.5"}),e.jsx("circle",{cx:"80",cy:"50",r:"3",fill:"#c94a2e",fillOpacity:"0.5"}),e.jsx("circle",{cx:"45",cy:"30",r:"3",fill:"#c94a2e",fillOpacity:"0.5"}),e.jsx("line",{x1:"0",y1:"75",x2:"100",y2:"75",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/control-chart",name:"Control chart",description:"Monitor process stability with upper and lower limits",category:"Statistical",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"5",y1:"15",x2:"95",y2:"15",stroke:"#b83030",strokeWidth:"1",strokeDasharray:"4,3"}),e.jsx("line",{x1:"5",y1:"40",x2:"95",y2:"40",stroke:"#2e7d52",strokeWidth:"1"}),e.jsx("line",{x1:"5",y1:"65",x2:"95",y2:"65",stroke:"#b83030",strokeWidth:"1",strokeDasharray:"4,3"}),e.jsx("polyline",{points:"10,42 22,35 34,38 46,44 58,30 70,42 82,10 94,36",fill:"none",stroke:"#c94a2e",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("circle",{cx:"82",cy:"10",r:"3.5",fill:"#b83030"}),e.jsx("line",{x1:"0",y1:"75",x2:"100",y2:"75",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/cusum-chart",name:"CUSUM chart",description:"Cumulative sum of deviations to detect small shifts",category:"Statistical",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"5",y1:"40",x2:"95",y2:"40",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"}),e.jsx("line",{x1:"5",y1:"15",x2:"95",y2:"15",stroke:"#b83030",strokeWidth:"1",strokeDasharray:"4,3"}),e.jsx("polyline",{points:"10,40 20,38 30,35 40,32 50,30 60,28 70,24 80,18 90,12",fill:"none",stroke:"#c94a2e",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("circle",{cx:"80",cy:"18",r:"2.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"90",cy:"12",r:"3.5",fill:"#b83030"}),e.jsx("line",{x1:"0",y1:"75",x2:"100",y2:"75",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/ewma-chart",name:"EWMA chart",description:"Weighted moving average with narrowing control limits",category:"Statistical",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"5",y1:"40",x2:"95",y2:"40",stroke:"#2e7d52",strokeWidth:"1"}),e.jsx("path",{d:"M5,15 Q20,17 35,18 Q50,20 65,22 Q80,24 95,25",fill:"none",stroke:"#b83030",strokeWidth:"1",strokeDasharray:"4,3"}),e.jsx("path",{d:"M5,65 Q20,63 35,62 Q50,60 65,58 Q80,56 95,55",fill:"none",stroke:"#b83030",strokeWidth:"1",strokeDasharray:"4,3"}),e.jsx("polyline",{points:"10,42 22,38 34,36 46,40 58,34 70,32 82,35 94,30",fill:"none",stroke:"#c94a2e",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("circle",{cx:"94",cy:"30",r:"2.5",fill:"#c94a2e"}),e.jsx("line",{x1:"0",y1:"75",x2:"100",y2:"75",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/pareto-chart",name:"Pareto chart",description:"Rank causes by frequency with cumulative percentage line",category:"Statistical",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"4",y:"20",width:"16",height:"56",rx:"2",fill:"#c94a2e"}),e.jsx("rect",{x:"22",y:"34",width:"16",height:"42",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"40",y:"46",width:"16",height:"30",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"58",y:"56",width:"16",height:"20",rx:"2",fill:"#f5ede9"}),e.jsx("rect",{x:"76",y:"64",width:"16",height:"12",rx:"2",fill:"#f5ede9"}),e.jsx("polyline",{points:"12,18 30,30 48,40 66,48 84,54",fill:"none",stroke:"#2e7d52",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("circle",{cx:"84",cy:"54",r:"2",fill:"#2e7d52"}),e.jsx("line",{x1:"0",y1:"76",x2:"100",y2:"76",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/galbraith-plot",name:"Galbraith plot",description:"Assess heterogeneity across studies in meta-analysis",category:"Statistical",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"5",y1:"70",x2:"95",y2:"20",stroke:"#1a1a18",strokeWidth:"0.8",strokeOpacity:"0.2"}),e.jsx("line",{x1:"5",y1:"60",x2:"95",y2:"10",stroke:"#b83030",strokeWidth:"0.6",strokeDasharray:"3,2"}),e.jsx("line",{x1:"5",y1:"80",x2:"95",y2:"30",stroke:"#b83030",strokeWidth:"0.6",strokeDasharray:"3,2"}),e.jsx("circle",{cx:"20",cy:"66",r:"3",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"35",cy:"56",r:"3",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"50",cy:"48",r:"3",fill:"#c94a2e"}),e.jsx("circle",{cx:"65",cy:"38",r:"3",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"80",cy:"28",r:"3",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"72",cy:"50",r:"3",fill:"#c94a2e"}),e.jsx("line",{x1:"0",y1:"76",x2:"100",y2:"76",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/labbe-plot",name:"L'Abbé plot",description:"Compare treatment vs control event rates across studies",category:"Statistical",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"5",y1:"75",x2:"95",y2:"5",stroke:"#1a1a18",strokeWidth:"0.8",strokeOpacity:"0.15",strokeDasharray:"4,3"}),e.jsx("circle",{cx:"25",cy:"50",r:"5",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"40",cy:"30",r:"7",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"55",cy:"45",r:"4",fill:"#c94a2e"}),e.jsx("circle",{cx:"70",cy:"25",r:"6",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"80",cy:"55",r:"3.5",fill:"#c94a2e"}),e.jsx("line",{x1:"5",y1:"0",x2:"5",y2:"76",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"}),e.jsx("line",{x1:"0",y1:"76",x2:"100",y2:"76",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/caterpillar-plot",name:"Caterpillar plot",description:"Rank random effects with their confidence intervals",category:"Statistical",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"50",y1:"5",x2:"50",y2:"72",stroke:"#1a1a18",strokeWidth:"0.6",strokeOpacity:"0.15",strokeDasharray:"3,2"}),e.jsx("line",{x1:"20",y1:"14",x2:"55",y2:"14",stroke:"#f5ede9",strokeWidth:"1.5"}),e.jsx("circle",{cx:"38",cy:"14",r:"2.5",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("line",{x1:"30",y1:"26",x2:"70",y2:"26",stroke:"#f5ede9",strokeWidth:"1.5"}),e.jsx("circle",{cx:"48",cy:"26",r:"2.5",fill:"#c94a2e"}),e.jsx("line",{x1:"35",y1:"38",x2:"65",y2:"38",stroke:"#f5ede9",strokeWidth:"1.5"}),e.jsx("circle",{cx:"50",cy:"38",r:"2.5",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("line",{x1:"40",y1:"50",x2:"75",y2:"50",stroke:"#f5ede9",strokeWidth:"1.5"}),e.jsx("circle",{cx:"55",cy:"50",r:"2.5",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("line",{x1:"45",y1:"62",x2:"85",y2:"62",stroke:"#f5ede9",strokeWidth:"1.5"}),e.jsx("circle",{cx:"65",cy:"62",r:"2.5",fill:"#c94a2e"}),e.jsx("line",{x1:"0",y1:"76",x2:"100",y2:"76",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/dot-and-whisker-plot",name:"Dot-and-whisker plot",description:"Display regression coefficients with confidence intervals",category:"Statistical",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"50",y1:"5",x2:"50",y2:"72",stroke:"#1a1a18",strokeWidth:"0.6",strokeOpacity:"0.15"}),e.jsx("line",{x1:"55",y1:"16",x2:"85",y2:"16",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("circle",{cx:"70",cy:"16",r:"3",fill:"#c94a2e"}),e.jsx("line",{x1:"30",y1:"32",x2:"75",y2:"32",stroke:"#f5ede9",strokeWidth:"1.5"}),e.jsx("circle",{cx:"52",cy:"32",r:"3",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("line",{x1:"15",y1:"48",x2:"48",y2:"48",stroke:"#f5ede9",strokeWidth:"1.5"}),e.jsx("circle",{cx:"32",cy:"48",r:"3",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("line",{x1:"40",y1:"64",x2:"80",y2:"64",stroke:"#f5ede9",strokeWidth:"1.5"}),e.jsx("circle",{cx:"60",cy:"64",r:"3",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("line",{x1:"0",y1:"76",x2:"100",y2:"76",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/calibration-plot",name:"Calibration plot",description:"Compare predicted probabilities against observed outcomes",category:"Statistical",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"5",y1:"75",x2:"95",y2:"5",stroke:"#1a1a18",strokeWidth:"0.8",strokeOpacity:"0.15",strokeDasharray:"4,3"}),e.jsx("path",{d:"M5,75 Q25,68 40,52 Q55,38 70,22 Q85,12 95,8",f
2ill:"none",stroke:"#c94a2e",strokeWidth:"2",strokeLinecap:"round"}),e.jsx("circle",{cx:"15",cy:"72",r:"2.5",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"35",cy:"55",r:"2.5",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"55",cy:"38",r:"2.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"75",cy:"18",r:"2.5",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"90",cy:"10",r:"2.5",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("line",{x1:"5",y1:"0",x2:"5",y2:"76",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"}),e.jsx("line",{x1:"0",y1:"76",x2:"100",y2:"76",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/response-surface-plot",name:"Response surface plot",description:"Map how a response changes across two factor variables",category:"Statistical",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("ellipse",{cx:"50",cy:"40",rx:"40",ry:"30",fill:"none",stroke:"#f5ede9",strokeWidth:"1"}),e.jsx("ellipse",{cx:"50",cy:"40",rx:"30",ry:"22",fill:"none",stroke:"#e8c4b8",strokeWidth:"1"}),e.jsx("ellipse",{cx:"50",cy:"40",rx:"18",ry:"13",fill:"none",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("ellipse",{cx:"50",cy:"40",rx:"6",ry:"4.5",fill:"#c94a2e",fillOpacity:"0.2",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"50",cy:"40",r:"2",fill:"#c94a2e"}),e.jsx("line",{x1:"5",y1:"0",x2:"5",y2:"76",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"}),e.jsx("line",{x1:"0",y1:"76",x2:"100",y2:"76",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/ohlc-chart",name:"OHLC chart",description:"Show open, high, low, and close with tick marks on vertical bars",category:"Financial",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"14",y1:"60",x2:"14",y2:"24",stroke:"#2e7d52",strokeWidth:"1.5"}),e.jsx("line",{x1:"8",y1:"48",x2:"14",y2:"48",stroke:"#2e7d52",strokeWidth:"1.5"}),e.jsx("line",{x1:"14",y1:"30",x2:"20",y2:"30",stroke:"#2e7d52",strokeWidth:"1.5"}),e.jsx("line",{x1:"34",y1:"52",x2:"34",y2:"14",stroke:"#2e7d52",strokeWidth:"1.5"}),e.jsx("line",{x1:"28",y1:"40",x2:"34",y2:"40",stroke:"#2e7d52",strokeWidth:"1.5"}),e.jsx("line",{x1:"34",y1:"20",x2:"40",y2:"20",stroke:"#2e7d52",strokeWidth:"1.5"}),e.jsx("line",{x1:"54",y1:"48",x2:"54",y2:"10",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("line",{x1:"48",y1:"18",x2:"54",y2:"18",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("line",{x1:"54",y1:"38",x2:"60",y2:"38",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("line",{x1:"74",y1:"56",x2:"74",y2:"20",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("line",{x1:"68",y1:"26",x2:"74",y2:"26",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("line",{x1:"74",y1:"44",x2:"80",y2:"44",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("line",{x1:"94",y1:"50",x2:"94",y2:"16",stroke:"#2e7d52",strokeWidth:"1.5"}),e.jsx("line",{x1:"88",y1:"42",x2:"94",y2:"42",stroke:"#2e7d52",strokeWidth:"1.5"}),e.jsx("line",{x1:"94",y1:"22",x2:"100",y2:"22",stroke:"#2e7d52",strokeWidth:"1.5"}),e.jsx("line",{x1:"0",y1:"72",x2:"100",y2:"72",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/heikin-ashi-chart",name:"Heikin-Ashi chart",description:"Smoothed candlesticks using averaged values to reveal trends",category:"Financial",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"14",y1:"60",x2:"14",y2:"36",stroke:"#2e7d52",strokeWidth:"1.5"}),e.jsx("rect",{x:"8",y:"40",width:"12",height:"14",rx:"1",fill:"#2e7d52"}),e.jsx("line",{x1:"34",y1:"50",x2:"34",y2:"24",stroke:"#2e7d52",strokeWidth:"1.5"}),e.jsx("rect",{x:"28",y:"28",width:"12",height:"16",rx:"1",fill:"#2e7d52"}),e.jsx("line",{x1:"54",y1:"40",x2:"54",y2:"14",stroke:"#2e7d52",strokeWidth:"1.5"}),e.jsx("rect",{x:"48",y:"18",width:"12",height:"16",rx:"1",fill:"#2e7d52"}),e.jsx("line",{x1:"74",y1:"32",x2:"74",y2:"12",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("rect",{x:"68",y:"16",width:"12",height:"10",rx:"1",fill:"#c94a2e"}),e.jsx("line",{x1:"94",y1:"40",x2:"94",y2:"18",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("rect",{x:"88",y:"22",width:"12",height:"14",rx:"1",fill:"#c94a2e"}),e.jsx("line",{x1:"0",y1:"72",x2:"100",y2:"72",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}
2),e.jsx(t,{href:"/kagi-chart",name:"Kagi chart",description:"Thick and thin lines showing supply and demand shifts over price",category:"Financial",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("polyline",{points:"10,60 10,20",fill:"none",stroke:"#2e7d52",strokeWidth:"3",strokeLinecap:"round"}),e.jsx("polyline",{points:"10,20 30,20 30,45",fill:"none",stroke:"#c94a2e",strokeWidth:"1.5",strokeLinecap:"round"}),e.jsx("polyline",{points:"30,45 50,45 50,12",fill:"none",stroke:"#2e7d52",strokeWidth:"3",strokeLinecap:"round"}),e.jsx("polyline",{points:"50,12 70,12 70,38",fill:"none",stroke:"#c94a2e",strokeWidth:"1.5",strokeLinecap:"round"}),e.jsx("polyline",{points:"70,38 90,38 90,18",fill:"none",stroke:"#2e7d52",strokeWidth:"3",strokeLinecap:"round"}),e.jsx("line",{x1:"0",y1:"72",x2:"100",y2:"72",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/renko-chart",name:"Renko chart",description:"Fixed-size bricks showing price movement, ignoring time",category:"Financial",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"4",y:"48",width:"14",height:"14",rx:"1",fill:"#2e7d52"}),e.jsx("rect",{x:"20",y:"34",width:"14",height:"14",rx:"1",fill:"#2e7d52"}),e.jsx("rect",{x:"36",y:"20",width:"14",height:"14",rx:"1",fill:"#2e7d52"}),e.jsx("rect",{x:"52",y:"34",width:"14",height:"14",rx:"1",fill:"#c94a2e"}),e.jsx("rect",{x:"68",y:"48",width:"14",height:"14",rx:"1",fill:"#c94a2e"}),e.jsx("rect",{x:"84",y:"34",width:"14",height:"14",rx:"1",fill:"#2e7d52"}),e.jsx("line",{x1:"0",y1:"72",x2:"100",y2:"72",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/point-and-figure-chart",name:"Point-and-figure chart",description:"Columns of Xâs and Oâs for pure price-driven analysis",category:"Financial",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("text",{x:"14",y:"68",textAnchor:"middle",fill:"#2e7d52",fontSize:"14",fontFamily:"DM Mono, monospace",fontWeight:"bold",children:"X"}),e.jsx("text",{x:"14",y:"54",textAnchor:"middle",fill:"#2e7d52",fontSize:"14",fontFamily:"DM Mono, monospace",fontWeight:"bold",children:"X"}),e.jsx("text",{x:"14",y:"40",textAnchor:"middle",fill:"#2e7d52",fontSize:"14",fontFamily:"DM Mono, monospace",fontWeight:"bold",children:"X"}),e.jsx("text",{x:"14",y:"26",textAnchor:"middle",fill:"#2e7d52",fontSize:"14",fontFamily:"DM Mono, monospace",fontWeight:"bold",children:"X"}),e.jsx("text",{x:"34",y:"40",textAnchor:"middle",fill:"#c94a2e",fontSize:"14",fontFamily:"DM Mono, monospace",fontWeight:"bold",children:"O"}),e.jsx("text",{x:"34",y:"54",textAnchor:"middle",fill:"#c94a2e",fontSize:"14",fontFamily:"DM Mono, monospace",fontWeight:"bold",children:"O"}),e.jsx("text",{x:"34",y:"68",textAnchor:"middle",fill:"#c94a2e",fontSize:"14",fontFamily:"DM Mono, monospace",fontWeight:"bold",children:"O"}),e.jsx("text",{x:"54",y:"54",textAnchor:"middle",fill:"#2e7d52",fontSize:"14",fontFamily:"DM Mono, monospace",fontWeight:"bold",children:"X"}),e.jsx("text",{x:"54",y:"40",textAnchor:"middle",fill:"#2e7d52",fontSize:"14",fontFamily:"DM Mono, monospace",fontWeight:"bold",children:"X"}),e.jsx("text",{x:"54",y:"26",textAnchor:"middle",fill:"#2e7d52",fontSize:"14",fontFamily:"DM Mono, monospace",fontWeight:"bold",children:"X"}),e.jsx("text",{x:"54",y:"12",textAnchor:"middle",fill:"#2e7d52",fontSize:"14",fontFamily:"DM Mono, monospace",fontWeight:"bold",children:"X"}),e.jsx("text",{x:"74",y:"26",textAnchor:"middle",fill:"#c94a2e",fontSize:"14",fontFamily:"DM Mono, monospace",fontWeight:"bold",children:"O"}),e.jsx("text",{x:"74",y:"40",textAnchor:"middle",fill:"#c94a2e",fontSize:"14",fontFamily:"DM Mono, monospace",fontWeight:"bold",children:"O"}),e.jsx("text",{x:"94",y:"26",textAnchor:"middle",fill:"#2e7d52",fontSize:"14",fontFamily:"DM Mono, monospace",fontWeight:"bold",children:"X"}),e.jsx("text",{x:"94",y:"12",textAnchor:"middle",fill:"#2e7d52",fontSize:"14",fontFamily:"DM Mono, monospace",fontWeight:"bold",children:"X"}),e.jsx("line",{x1:"0",y1:"76",x2:"100",y2:"76",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/three-line-break-chart",name:"Three line break chart",description:"Reversal blocks triggered by exceeding three prior lines",category:"Financial",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"6",y:"42",width:"12",height:"22",rx:"1",fill:"#2e7d52"}),e.jsx("rect",{x:"22",y:"30",width:"12",height:"28",rx:"1",fill:"#2e7d52"}),e.jsx("rect",{x:"38",y:"16",width:"12",height:"32",rx:"1",fill:"#2e7d52"}),e.jsx("rect",{x:"54",y:"22",width:"12",height:"32",rx:"1",fill:"#c94a2e"}),e.jsx("rect",{x:"70",y:"30",width:"12",height:"24",rx:"1",fill:"#2e7d52"}),e.jsx("rect",{x:"86",y:"18",width:"12",height:"30",rx:"1",fill:"#2e7d52"}),e.jsx("line",{x1:"0",y1:"72",x2:"100",y2:"72",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/equivolume-chart",name:"EquiVolume chart",description:"Encode price range as height and volume as width in one shape",category:"Financial",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"4",y:"28",width:"10",height:"32",rx:"1",fill:"#2e7d52"}),e.jsx("rect",{x:"18",y:"20",width:"22",height:"40",rx:"1",fill:"#c94a2e"}),e.jsx("rect",{x:"44",y:"30",width:"14",height:"28",rx:"1",fill:"#2e7d52"}
2),e.jsx("rect",{x:"62",y:"24",width:"8",height:"34",rx:"1",fill:"#2e7d52"}),e.jsx("rect",{x:"74",y:"32",width:"24",height:"26",rx:"1",fill:"#c94a2e"}),e.jsx("line",{x1:"0",y1:"72",x2:"100",y2:"72",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/range-bar-chart",name:"Range bar chart",description:"Uniform-range bars that form only on fixed price movement",category:"Financial",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"6",y:"48",width:"16",height:"16",rx:"1",fill:"#2e7d52"}),e.jsx("rect",{x:"26",y:"32",width:"16",height:"16",rx:"1",fill:"#2e7d52"}),e.jsx("rect",{x:"46",y:"16",width:"16",height:"16",rx:"1",fill:"#2e7d52"}),e.jsx("rect",{x:"66",y:"32",width:"16",height:"16",rx:"1",fill:"#c94a2e"}),e.jsx("rect",{x:"86",y:"16",width:"16",height:"16",rx:"1",fill:"#2e7d52"}),e.jsx("line",{x1:"0",y1:"72",x2:"100",y2:"72",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"})]})}),e.jsx(t,{href:"/manhattan-plot",name:"Manhattan plot",description:"Map genomic significance across chromosomes in GWAS studies",category:"Scientific",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"0",y1:"72",x2:"100",y2:"72",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"}),e.jsx("line",{x1:"0",y1:"20",x2:"100",y2:"20",stroke:"#c94a2e",strokeWidth:"0.5",strokeDasharray:"3,2",strokeOpacity:"0.5"}),e.jsx("circle",{cx:"8",cy:"58",r:"2",fill:"#d4cfc8"}),e.jsx("circle",{cx:"12",cy:"50",r:"2",fill:"#d4cfc8"}),e.jsx("circle",{cx:"16",cy:"62",r:"2",fill:"#d4cfc8"}),e.jsx("circle",{cx:"24",cy:"44",r:"2",fill:"#e8c4b8"}),e.jsx("circle",{cx:"28",cy:"55",r:"2",fill:"#e8c4b8"}),e.jsx("circle",{cx:"32",cy:"38",r:"2",fill:"#e8c4b8"}),e.jsx("circle",{cx:"40",cy:"60",r:"2",fill:"#d4cfc8"}),e.jsx("circle",{cx:"44",cy:"48",r:"2",fill:"#d4cfc8"}),e.jsx("circle",{cx:"52",cy:"42",r:"2",fill:"#e8c4b8"}),e.jsx("circle",{cx:"56",cy:"14",r:"3",fill:"#c94a2e"}),e.jsx("circle",{cx:"60",cy:"52",r:"2",fill:"#e8c4b8"}),e.jsx("circle",{cx:"68",cy:"56",r:"2",fill:"#d4cfc8"}),e.jsx("circle",{cx:"72",cy:"64",r:"2",fill:"#d4cfc8"}),e.jsx("circle",{cx:"80",cy:"46",r:"2",fill:"#e8c4b8"}),e.jsx("circle",{cx:"84",cy:"58",r:"2",fill:"#e8c4b8"}),e.jsx("circle",{cx:"92",cy:"50",r:"2",fill:"#d4cfc8"}),e.jsx("circle",{cx:"96",cy:"62",r:"2",fill:"#d4cfc8"})]})}),e.jsx(t,{href:"/volcano-plot",name:"Volcano plot",description:"Show fold change vs. significance for differential expression",category:"Scientific",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"50",y1:"0",x2:"50",y2:"72",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.10"}),e.jsx("line",{x1:"0",y1:"72",x2:"100",y2:"72",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"}),e.jsx("circle",{cx:"30",cy:"60",r:"2",fill:"#d4cfc8"}),e.jsx("circle",{cx:"38",cy:"55",r:"2",fill:"#d4cfc8"}),e.jsx("circle",{cx:"42",cy:"48",r:"2",fill:"#d4cfc8"}),e.jsx("circle",{cx:"46",cy:"52",r:"2",fill:"#d4cfc8"}),e.jsx("circle",{cx:"50",cy:"56",r:"2",fill:"#d4cfc8"}),e.jsx("circle",{cx:"54",cy:"50",r:"2",fill:"#d4cfc8"}),e.jsx("circle",{cx:"58",cy:"54",r:"2",fill:"#d4cfc8"}),e.jsx("circle",{cx:"62",cy:"58",r:"2",fill:"#d4cfc8"}),e.jsx("circle",{cx:"70",cy:"62",r:"2",fill:"#d4cfc8"}),e.jsx("circle",{cx:"18",cy:"16",r:"3",fill:"#c94a2e"}),e.jsx("circle",{cx:"22",cy:"24",r:"3",fill:"#c94a2e"}),e.jsx("circle",{cx:"80",cy:"18",r:"3",fill:"#2e7d52"}),e.jsx("circle",{cx:"84",cy:"28",r:"3",fill:"#2e7d52"})]})}),e.jsx(t,{href:"/ma-plot",name:"MA plot",description:"Compare log-ratio vs. mean intensity for normalization QC",category:"Scientific",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"0",y1:"40",x2:"100",y2:"40",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.15"}),e.jsx("line",{x1:"0",y1:"72",x2:"100",y2:"72",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"}),e.jsx("circle",{cx:"12",cy:"36",r:"2",fill:"#d4cfc8"}),e.jsx("circle",{cx:"20",cy:"44",r:"2",fill:"#d4cfc8"}),e.jsx("circle",{cx:"30",cy:"38",r:"2",fill:"#d4cfc8"}),e.jsx("circle",{cx:"40",cy:"42",r:"2",fill:"#d4cfc8"}),e.jsx("circle",{cx:"50",cy:"39",r:"2",fill:"#d4cfc8"}),e.jsx("circle",{cx:"60",cy:"41",r:"2",fill:"#d4cfc8"}),e.jsx("circle",{cx:"70",cy:"40",r:"2",fill:"#d4cfc8"}),e.jsx("circle",{cx:"80",cy:"38",r:"2",fill:"#d4cfc8"}),e.jsx("circle",{cx:"90",cy:"41",r:"2",fill:"#d4cfc8"}),e.jsx("circle",{cx:"25",cy:"14",r:"3",fill:"#c94a2e"}),e.jsx("circle",{cx:"55",cy:"12",r:"3",fill:"#c94a2e"}),e.jsx("circle",{cx:"35",cy:"64",r:"3",fill:"#2e7d52"}),e.jsx("circle",{cx:"70",cy:"66",r:"3",fill:"#2e7d52"})]})}),e.jsx(t,{href:"/kaplan-meier-curve",name:"Kaplan-Meier curve",description:"Step-function showing survival probability over time",category:"Scientific",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"0",y1:"72",x2:"100",y2:"72",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"}),e.jsx("polyline",{points:"4,10 20,10 20,22 35,22 35,36 50,36 50,50 65,50 65,62 85,62",fill:"none",stroke:"#c94a2e",strokeWidth:"2",strokeLinecap:"round"}),e.jsx("polyline",{points:"4,10 15,10 15,28 28,28 28,46 40,46 40,56 55,56 55,66 75,66",fill:"none",stroke:"#e8c4b8",strokeWidth:"1.5",strokeLinecap:"round",strokeDasharray:"4,2"})]})}),e.jsx(t,{href:"/sequence-logo",name:"Sequence logo",description:"Letter-height bars encoding information at each sequence position",category:"Scientific",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("line",{x1:"0",y1:"72",x2:"100",y2:"72",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"}),e.jsx("text",{x:"10",y:"30",fill:"#c94a2e",fontSize:"28",fontWeight:"bold",fontFamily:"DM Mono, monospace",children:"A"}),e.jsx("text",{x:"30",y:"50",fill:"#2e7d52",fontSize:"18",fontWeight:"bold",fontFamily:"DM Mono, monospace",children:"T"}),e.jsx("text",{x:"50",y:"24",fill:"#3366cc",fontSize:"32",fontWeight:"bold",fontFamily:"DM Mono, monospace",children:"C"}),e.jsx("text",{x:"70",y:"44",fill:"#cc9900",fontSize:"22",fontWeight:"bold",fontFamily:"DM Mono, monospace",children:"G"}),e.jsx("text",{x:"85",y:"36",fill:"#c94a2e",fontSize:"26",fontWeight:"bold",fontFamily:"DM Mono, monospace",children:"A"})]})}),e.jsx(t,{href:"/ternary-plot",name:"Ternary plot",description:"Plot three variables that sum to a constant on a triangle",category:"Scientific",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("polygon",{points:"50,6 4,72 96,72",fill:"none",stroke:"#1a1a18",strokeWidth:"1",strokeOpacity:"0.15"}),e.jsx("circle",{cx:"40",cy:"50",r:"3",fill:"#c94a2e"}),e.jsx("circle",{cx:"55",cy:"45",r:"3",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"50",cy:"58",r:"3",fill:"#e8c4b8"}),e.jsx("circle",{cx:"62",cy:"55",r:"3",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"45",cy:"38",r:"3",fill:"#c94a2e"})]})}),e.jsx(t,{href:"/piper-diagram",name:"Piper diagram",description:"Dual ternary + diamond showing water chemistry composition",category:"Scientific",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("polygon",{points:"15,72 35,72 25,54",fill:"none",stroke:"#1a1a18",strokeWidth:"0.8",strokeOpacity:"0.15"}),e.jsx("polygon",{points:"65,72 85,72 75,54",fill:"none",stroke:"#1a1a18",strokeWidth:"0.8",strokeOpacity:"0.15"}),e.jsx("polygon",{points:"50,8 35,36 50,50 65,36",fill:"none",stroke:"#1a1a18",strokeWidth:"0.8",strokeOpacity:"0.15"}),e.jsx("circle",{cx:"27",cy:"64",r:"2.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"75",cy:"64",r:"2.5",fill:"#2e7d52"}),e.jsx("circle",{cx:"50",cy:"28",r:"3",fill:"#c94a2e"}),e.jsx("circle",{cx:"52",cy:"35",r:"3",fill:"#2e7d52"})]})}),e.jsx(t,{href:"/durov-diagram",name:"Durov diagram",description:"Extended Piper with TDS and pH axes for water classification",category:"Scientific",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("polygon",{points:"50,5 30,25 70,25",fill:"none",stroke:"#1a1a18",strokeWidth:"0.8",strokeOpacity:"0.15"}),e.jsx("rect",{x:"30",y:"25",width:"40",height:"40",fill:"none",stroke:"#1a1a18",strokeWidth:"0.8",strokeOpacity:"0.15"}),e.jsx("circle",{cx:"42",cy:"38",r:"2.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"55",cy:"48",r:"2.5",fill:"#c94a2e",fillOpacity:"0.6"}),e.jsx("circle",{cx:"48",cy:"55",r:"2.5",fill:"#e8c4b8"})]})}),e.jsx(t,{href:"/recurrence-plot",name:"Recurrence plot",description:"Binary matrix revealing recurring states in time-series data",category:"Scientific",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 80 80",width:"80",height:"80",children:[e.jsx("rect",{x:"0",y:"0",width:"80",height:"80",fill:"none",stroke:"#1a1a18",strokeWidth:"0.8",strokeOpacity:"0.12"}),e.jsx("line",{x1:"0",y1:"0",x2:"80",y2:"80",stroke:"#1a1a1815",strokeWidth:"0.5"}),[[10,10],[20,20],[30,30],[40,40],[50,50],[60,60],[70,70],[10,30],[30,10],[20,40],[40,20],[50,70],[70,50],[30,50],[50,30]].map(([r,s],a)=>e.jsx("rect",{x:r,y:s,width:"3",height:"3",fill:"#c94a2e",fillOpacity:a<7?"0.7":"0.4",rx:"0.3"},a))]})}),e.jsx(t,{href:"/phase-portrait",name:"Phase portrait",description:"Trajectories in state space showing dynamical system behavior",category:"Scientific",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 80 80",width:"80",height:"80",children:[e.jsx("line",{x1:"40",y1:"5",x2:"40",y2:"75",stroke:"#1a1a1812",strokeWidth:"0.5"}),e.jsx("line",{x1:"5",y1:"40",x2:"75",y2:"40",stroke:"#1a1a1812",strokeWidth:"0.5"}),e.jsx("path",{d:"M65,40 C65,25 55,15 40,15 C25,15 15,25 15,40 C15,50 22,58 32,58 C38,58 44,54 44,48 C44,44 42,42 40,42",fill:"none",stroke:"#c94a2e",strokeWidth:"1.2",strokeLinecap:"round"}),e.jsx("circle",{cx:"40",cy:"40",r:"2",fill:"#c94a2e"})]})}),e.jsx(t,{href:"/poincare-plot",name:"Poincaré plot",description:"Lag-1 scatter plot of successive values for HRV and time series",category:"Scientific",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 80 80",width:"80",height:"80",children:[e.jsx("line",{x1:"10",y1:"70",x2:"70",y2:"10",stroke:"#1a1a1812",strokeWidth:"0.5",strokeDasharray:"3,2"}),e.jsx("line",{x1:"10",y1:"70",x2:"10",y2:"10",stroke:"#1a1a1812",strokeWidth:"0.5"}),e.jsx("line",{x1:"10",y1:"70",x2:"70",y2:"70",stroke:"#1a1a1812",strokeWidth:"0.5"}),[[35,38],[38,34],[40,42],[42,36],[44,40],[36,40],[39,37],[41,39],[43,35],[37,42],[34,36],[45,38],[40,34],[38,40],[42,42]].map(([r,s],a)=>e.jsx("circle",{cx:r,cy:s,r:"1.8",fill:"#c94a2e",fillOpacity:a<10?"0.6":"0.3"},a))]})}),e.jsx(t,{href:"/venn-diagram",name:"Venn diagram",description:"Overlapping circles showing all logical set relationships",category:"Sets",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 90 70",width:"90",height:"70",children:[e.jsx("circle",{cx:"33",cy:"35",r:"22",fill:"#c94a2e",fillOpacity:"0.12",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"57",cy:"35",r:"22",fill:"#2e7d52",fillOpacity:"0.1",stroke:"#2e7d52",strokeWidth:"1"}),e.jsx("text",{x:"25",y:"38",textAnchor:"middle",fill:"#c94a2e",fontSize:"8",fontFamily:"DM Mono, monospace",children:"A"}),e.jsx("text",{x:"45",y:"38",textAnchor:"middle",fill:"#1a1a18",fontSize:"8",fontFamily:"DM Mono, monospace",children:"â©"}),e.jsx("text",{x:"65",y:"38",textAnchor:"middle",fill:"#2e7d52",fontSize:"8",fontFamily:"DM Mono, monospace",children:"B"})]})}),e.jsx(t,{href:"/euler-diagram",name:"Euler diagram",description:"Set diagram showing only existing relationships, no empty zones",category:"Sets",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 90 70",width:"90",height:"70",children:[e.jsx("circle",{cx:"38",cy:"35",r:"28",fill:"#c94a2e",fillOpacity:"0.08",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("circle",{cx:"38",cy:"42",r:"12",fill:"#c94a2e",fillOpacity:"0.15",stroke:"#c94a2e",strokeWidth:"0.8"}),e.jsx("circle",{cx:"75",cy:"35",r:"12",fill:"#2e7d52",fillOpacity:"0.08",stroke:"#2e7d52",strokeWidth:"1"})]})}),e.jsx(t,{href:"/upset-plot",name:"UpSet plot",description:"Matrix + bar chart for scalable multi-set intersection analysis",category:"Sets",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 90 80",width:"90",height:"80",children:[e.jsx("rect",{x:"15",y:"5",width:"10",height:"35",rx:"1",fill:"#c94a2e"}),e.jsx("rect",{x:"30",y:"15",width:"10",height:"25",rx:"1",fill:"#c94a2e",fillOpacity:"0.7"}),e.jsx("rect",{x:"45",y:"22",width:"10",height:"18",rx:"1",fill:"#c94a2e",fillOpacity:"0.5"}),e.jsx("rect",{x:"60",y:"28",width:"10",height:"12",rx:"1",fill:"#e8c4b8"}),e.jsx("line",{x1:"10",y1:"43",x2:"75",y2:"43",stroke:"#1a1a1815",strokeWidth:"0.5"}),e.jsx("circle",{cx:"20",cy:"52",r:"2.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"20",cy:"60",r:"2.5",fill:"#1a1a1812"}),e.jsx("circle",{cx:"35",cy:"52",r:"2.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"35",cy:"60",r:"2.5",fill:"#c94a2e"}),e.jsx("line",{x1:"35",y1:"52",x2:"35",y2:"60",stroke:"#c94a2e",strokeWidth:"1.5"}),e.jsx("circle",{cx:"50",cy:"52",r:"2.5",fill:"#1a1a1812"}),e.jsx("circle",{cx:"50",cy:"60",r:"2.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"65",cy:"52",r:"2.5",fill:"#1a1a1812"}),e.jsx("circle",{cx:"65",cy:"60",r:"2.5",fill:"#1a1a1812"})]})}),e.jsx(t,{href:"/kelp-diagram",name:"Kelp diagram",description:"Colored bands showing how set memberships evolve over time",category:"Sets",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 90 60",width:"90",height:"60",children:[e.jsx("path",{d:"M10,15 C25,15 35,20 50,20 C65,20 75,12 85,12",fill:"none",stroke:"#c94a2e",strokeWidth:"6",strokeOpacity:"0.15",strokeLinecap:"round"}),e.jsx("path",{d:"M15,38 C30,38 40,45 55,45 C70,45 80,35 85,35",fill:"none",stroke:"#2e7d52",strokeWidth:"6",strokeOpacity:"0.12",strokeLinecap:"round"}),e.jsx("circle",{cx:"10",cy:"15",r:"2.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"50",cy:"20",r:"2.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"85",cy:"12",r:"2.5",fill:"#c94a2e"}),e.jsx("circle",{cx:"15",cy:"38",r:"2.5",fill:"#2e7d52"}),e.jsx("circle",{cx:"55",cy:"45",r:"2.5",fill:"#2e7d52"}),e.jsx("circle",{cx:"85",cy:"35",r:"2.5",fill:"#2e7d52"})]})}),e.jsx(t,{href:"/parallel-coordinates-plot",name:"Parallel coordinates plot",description:"Explore multivariate data with parallel vertical axes and polylines",category:"Multi-dimensional",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[[15,35,55,75].map(r=>e.jsx("line",{x1:r,y1:"8",x2:r,y2:"72",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"},r)),e.jsx("polyline",{points:"15,15 35,55 55,60 75,20",fill:"none",stroke:"#c94a2e",strokeWidth:"1.5",strokeOpacity:"0.7"}),e.jsx("polyline",{points:"15,45 35,25 55,30 75,55",fill:"none",stroke:"#e8c4b8",strokeWidth:"1.5",strokeOpacity:"0.6"}),e.jsx("polyline",{points:"15,30 35,40 55,45 75,38",fill:"none",stroke:"#b8b8b2",strokeWidth:"1",strokeOpacity:"0.5"}),e.jsx("polyline",{points:"15,55 35,18 55,22 75,60",fill:"none",stroke:"#e8c4b8",strokeWidth:"1.5",strokeOpacity:"0.4"}),e.jsx("polyline",{points:"15,22 35,50 55,52 75,28",fill:"none",stroke:"#c94a2e",strokeWidth:"1.5",strokeOpacity:"0.4"})]})}),e.jsx(t,{href:"/star-plot",name:"Star plot",description:"Compact radial glyphs showing one data record per star shape",category:"Multi-dimensional",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[[0,1,2,3,4,5].map(r=>{const s=Math.PI*2*r/6-Math.PI/2;return e.jsx("line",{x1:"50",y1:"40",x2:50+Math.cos(s)*30,y2:40+Math.sin(s)*30,stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.10"},r)}),e.jsx("polygon",{points:[.8,.6,.9,.5,.7,.85].map((r,s)=>{const a=Math.PI*2*s/6-Math.PI/2;return`${50+Math.cos(a)*30*r},${40+Math.sin(a)*30*r}`}).join(" "),fill:"#c94a2e",fillOpacity:"0.12",stroke:"#c94a2e",strokeWidth:"1.5",strokeLinejoin:"round"})]})}),e.jsx(t,{href:"/chernoff-faces",name:"Chernoff faces",description:"Map multivariate data to facial features for pattern detection",category:"Multi-dimensional",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("ellipse",{cx:"35",cy:"40",rx:"18",ry:"22",f
2ill:"none",stroke:"#c94a2e",strokeWidth:"1.2"}),e.jsx("ellipse",{cx:"29",cy:"34",rx:"4",ry:"3",fill:"#c94a2e",fillOpacity:"0.2",stroke:"#c94a2e",strokeWidth:"0.8"}),e.jsx("ellipse",{cx:"41",cy:"34",rx:"4",ry:"3",fill:"#c94a2e",fillOpacity:"0.2",stroke:"#c94a2e",strokeWidth:"0.8"}),e.jsx("line",{x1:"35",y1:"38",x2:"35",y2:"46",stroke:"#c94a2e",strokeWidth:"0.8"}),e.jsx("path",{d:"M28,52 Q35,57 42,52",fill:"none",stroke:"#c94a2e",strokeWidth:"0.8"}),e.jsx("ellipse",{cx:"72",cy:"40",rx:"16",ry:"20",fill:"none",stroke:"#e8c4b8",strokeWidth:"1.2"}),e.jsx("ellipse",{cx:"66",cy:"35",rx:"5",ry:"2.5",fill:"#e8c4b8",fillOpacity:"0.3",stroke:"#e8c4b8",strokeWidth:"0.8"}),e.jsx("ellipse",{cx:"78",cy:"35",rx:"5",ry:"2.5",fill:"#e8c4b8",fillOpacity:"0.3",stroke:"#e8c4b8",strokeWidth:"0.8"}),e.jsx("line",{x1:"72",y1:"39",x2:"72",y2:"48",stroke:"#e8c4b8",strokeWidth:"0.8"}),e.jsx("path",{d:"M65,53 Q72,48 79,53",fill:"none",stroke:"#e8c4b8",strokeWidth:"0.8"})]})}),e.jsx(t,{href:"/radviz",name:"RadViz",description:"Spring-mass projection of multivariate data onto a circle",category:"Multi-dimensional",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("circle",{cx:"50",cy:"40",r:"32",fill:"none",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.12"}),[0,1,2,3,4].map(r=>{const s=Math.PI*2*r/5-Math.PI/2;return e.jsx("circle",{cx:50+Math.cos(s)*32,cy:40+Math.sin(s)*32,r:"2.5",fill:"#1a1a18",fillOpacity:"0.12",stroke:"#1a1a18",strokeWidth:"0.8",strokeOpacity:"0.25"},r)}),e.jsx("circle",{cx:"38",cy:"32",r:"2.5",fill:"#c94a2e",fillOpacity:"0.6"}),e.jsx("circle",{cx:"40",cy:"35",r:"2.5",fill:"#c94a2e",fillOpacity:"0.6"}),e.jsx("circle",{cx:"36",cy:"34",r:"2.5",fill:"#c94a2e",fillOpacity:"0.6"}),e.jsx("circle",{cx:"58",cy:"48",r:"2.5",fill:"#e8c4b8",fillOpacity:"0.7"}),e.jsx("circle",{cx:"60",cy:"50",r:"2.5",fill:"#e8c4b8",fillOpacity:"0.7"}),e.jsx("circle",{cx:"55",cy:"46",r:"2.5",fill:"#e8c4b8",fillOpacity:"0.7"}),e.jsx("circle",{cx:"48",cy:"40",r:"2.5",fill:"#b8b8b2",fillOpacity:"0.5"}),e.jsx("circle",{cx:"50",cy:"42",r:"2.5",fill:"#b8b8b2",fillOpacity:"0.5"})]})}),e.jsx(t,{href:"/star-coordinates",name:"Star coordinates",description:"Interactive linear projection with draggable direction vectors",category:"Multi-dimensional",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[[0,1,2,3,4].map(r=>{const s=Math.PI*2*r/5-Math.PI/2;return e.jsx("line",{x1:"50",y1:"40",x2:50+Math.cos(s)*30,y2:40+Math.sin(s)*30,stroke:"#1a1a18",strokeWidth:"1",strokeOpacity:"0.12"},r)}),[0,1,2,3,4].map(r=>{const s=Math.PI*2*r/5-Math.PI/2;return e.jsx("circle",{cx:50+Math.cos(s)*30,cy:40+Math.sin(s)*30,r:"2.5",fill:"#1a1a18",fillOpacity:"0.1",stroke:"#1a1a18",strokeWidth:"0.8",strokeOpacity:"0.25"},`e${r}`)}),e.jsx("circle",{cx:"40",cy:"32",r:"2",fill:"#c94a2e",fillOpacity:"0.6"}),e.jsx("circle",{cx:"42",cy:"35",r:"2",fill:"#c94a2e",fillOpacity:"0.6"}),e.jsx("circle",{cx:"38",cy:"30",r:"2",fill:"#c94a2e",fillOpacity:"0.6"}),e.jsx("circle",{cx:"58",cy:"48",r:"2",fill:"#e8c4b8",fillOpacity:"0.7"}),e.jsx("circle",{cx:"56",cy:"50",r:"2",fill:"#e8c4b8",fillOpacity:"0.7"}),e.jsx("circle",{cx:"60",cy:"46",r:"2",fill:"#e8c4b8",fillOpacity:"0.7"})]})}),e.jsx(t,{href:"/mosaic-plot",name:"Mosaic plot",description:"Tile areas show proportions in categorical contingency tables",category:"Multi-dimensional",children:e.jsxs("svg",{className:"overflow-visible",viewBox:"0 0 100 80",width:"100",height:"80",children:[e.jsx("rect",{x:"4",y:"8",width:"38",height:"30",fill:"#c94a2e",fillOpacity:"0.2",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("rect",{x:"4",y:"40",width:"38",height:"32",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"0.8"}),e.jsx("rect",{x:"44",y:"8",width:"28",height:"22",fill:"#e8c4b8",fillOpacity:"0.3",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("rect",{x:"44",y:"32",width:"28",height:"40",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"0.8"}),e.jsx("rect",{x:"74",y:"8",width:"22",height:"35",fill:"#c94a2e",fillOpacity:"0.1",stroke:"#c94a2e",strokeWidth:"1"}),e.jsx("rect",{x:"74",y:"45",width:"22",height:"27",fill:"#f5ede9",stroke:"#c94a2e",strokeWidth:"0.8"})]})})]})]}),e.jsx("div",{className:"max-w-[1100px] mx-auto px-6 md:px-12 border-t border-[var(--border-color)]","data-testid":"divider-bottom"}),e.jsx("div",{id:"features",className:"bg-[var(--ink)] text-white","data-testid":"section-features",children:e.jsxs("div",{className:"max-w-[1100px] mx-auto px-6 md:px-12 py-[72px] grid grid-cols-1 md:grid-cols-3 gap-[48px]",children:[e.jsxs("div",{"data-testid":"feature-01",children:[e.jsx("div",{className:"font-serif text-[48px] font-normal text-[rgba(255,255,255,0.12)] leading-none mb-[16px]",children:"01"}),e.jsx("p",{className:"text-[15px] font-medium text-white mb-[10px]",children:"Plain-English definitions"}),e.jsx("p",{className:"text-[13px] text-[rgba(255,255,255,0.5)] font-light leading-[1.65]",children:"Every chart explained without jargon. Understand the concept in under two minutes, with visual examples you can actually use."})]}),e.jsxs("div",{"data-testid":"feature-02",children:[e.jsx("div",{className:"font-serif text-[48px] font-normal text-[rgba(255,255,255,0.12)] leading-none mb-[16px]",children:"02"}),e.jsx("p",{className:"text-[15px] font-medium text-white mb-[10px]",children:"When to use it"}),e.jsx("p",{className:"text-[13px] text-[rgba(255,255,255,0.5)] font-light leading-[1.65]",children:"Not every chart fits every dataset. We give you the exact conditions under which a chart type works â and when to avoid it."})]}),e.jsxs("div",{"data-testid":"feature-03",children:[e.jsx("div",{className:"font-serif text-[48px] font-normal text-[rgba(255,255,255,0.12)] leading-none mb-[16px]",children:"03"}),e.jsx("p",{className:"text-[15px] font-medium text-white mb-[10px]",children:"Real-world examples"}),e.jsx("p",{className:"text-[13px] text-[rgba(255,255,255,0.5)] font-light leading-[1.65]",children:"See each chart type used in journalism, science, and business. Understand how to read data in the wild, not just in textbooks."})]})]})})]})}function re(){return e.jsxs("div",{className:"max-w-[760px] mx-auto px-6 md:px-12 py-[64px] md:py-[88px]",children:[e.jsx(b,{title:"Privacy Policy",description:"How visualizing.org collects, uses, and protects your personal information. Learn about our data practices, cookies, and your privacy rights.",path:"/privacy",breadcrumbs:[{name:"Home",path:"/"},{name:"Privacy Policy",path:"/privacy"}]}),e.jsx("p",{className:"font-mono text-[10px] tracking-[0.14em] uppercase text-[var(--accent-color)] mb-[12px]",children:"// Legal"}),e.jsx("h1",{className:"font-serif text-[36px] md:text-[44px] font-normal tracking-[-0.02em] leading-[1.15] text-[var(--ink)] mb-[16px]",children:"Privacy Policy"}),e.jsx("p",{className:"text-[13px] text-[var(--ink-faint)] font-mono mb-[48px]",children:"Last updated: January 1, 2025"}),e.jsxs("div",{className:"space-y-[36px] text-[15px] text-[var(--ink-muted)] leading-[1.75] font-light",children:[e.jsxs("section",{children:[e.jsx("h2",{className:"font-serif text-[22px] font-normal text-[var(--ink)] mb-[12px]",children:"Introduction"}),e.jsx("p",{children:"Welcome to visualizing.org. We respect your privacy and are committed to protecting the personal information you share with us. This Privacy Policy explains how we
2collect, use, and safeguard your information when you visit our website."})]}),e.jsxs("section",{children:[e.jsx("h2",{className:"font-serif text-[22px] font-normal text-[var(--ink)] mb-[12px]",children:"Information We Collect"}),e.jsx("p",{className:"mb-[12px]",children:"We may collect the following types of information:"}),e.jsxs("ul",{className:"list-disc pl-[24px] space-y-[8px]",children:[e.jsxs("li",{children:[e.jsx("strong",{className:"text-[var(--ink)] font-medium",children:"Usage data:"})," Pages visited, time spent on pages, referring URLs, and other analytics data collected through standard web analytics tools."]}),e.jsxs("li",{children:[e.jsx("strong",{className:"text-[var(--ink)] font-medium",children:"Device information:"})," Browser type, operating system, screen resolution, and device type to optimize your experience."]}),e.jsxs("li",{children:[e.jsx("strong",{className:"text-[var(--ink)] font-medium",children:"Cookies:"})," Small data files stored on your device to remember preferences and improve site functionality."]})]})]}),e.jsxs("section",{children:[e.jsx("h2",{className:"font-serif text-[22px] font-normal text-[var(--ink)] mb-[12px]",children:"How We Use Your Information"}),e.jsx("p",{className:"mb-[12px]",children:"We use the information we collect to:"}),e.jsxs("ul",{className:"list-disc pl-[24px] space-y-[8px]",children:[e.jsx("li",{children:"Provide and maintain our educational content and services"}),e.jsx("li",{children:"Analyze usage patterns to improve our chart guides and documentation"}),e.jsx("li",{children:"Ensure the security and proper functioning of our website"}),e.jsx("li",{children:"Communicate updates about new chart types or educational resources"})]})]}),e.jsxs("section",{children:[e.jsx("h2",{className:"font-serif text-[22px] font-normal text-[var(--ink)] mb-[12px]",children:"Cookies"}),e.jsx("p",{children:"We use essential cookies to ensure proper site functionality and optional analytics cookies to understand how visitors interact with our content. You can control cookie preferences through your browser settings. Disabling cookies may affect some site features."})]}),e.jsxs("section",{children:[e.jsx("h2",{className:"font-serif text-[22px] font-normal text-[var(--ink)] mb-[12px]",children:"Third-Party Services"}),e.jsx("p",{children:"We may use third-party analytics services (such as Google Analytics) to help us understand how our site is used. These services may collect information about your visits to our site under their own privacy policies. We do not sell or rent your personal information to third parties."})]}),e.jsxs("section",{children:[e.jsx("h2",{className:"font-serif text-[22px] font-normal text-[var(--ink)] mb-[12px]",children:"Data Retention"}),e.jsx("p",{children:"We retain usage data for as long as necessary to fulfill the purposes outlined in this policy. Aggregated, anonymized data may be retained indefinitely for statistical and research purposes."})]}),e.jsxs("section",{children:[e.jsx("h2",{className:"font-serif text-[22px] font-normal text-[var(--ink)] mb-[12px]",children:"Your Rights"}),e.jsx("p",{className:"mb-[12px]",children:"Depending on your jurisdiction, you may have the right to:"}),e.jsxs("ul",{className:"list-disc pl-[24px] space-y-[8px]",children:[e.jsx("li",{children:"Access the personal data we hold about you"}),e.jsx("li",{children:"Request correction or deletion of your data"}),e.jsx("li",{children:"Opt out of analytics tracking"}),e.jsx("li",{children:"Lodge a complaint with a supervisory authority"})]})]}),e.jsxs("section",{children:[e.jsx("h2",{className:"font-serif text-[22px] font-normal text-[var(--ink)] mb-[12px]",children:"Changes to This Policy"}),e.jsx("p",{children:"We may update this Privacy Policy from time to time. Any changes will be posted on this page with an updated revision date. We encourage you to review this policy periodically."})]}),e.jsxs("section",{children:[e.jsx("h2",{className:"font-serif text-[22px] font-normal text-[var(--ink)] mb-[12px]",children:"Contact Us"}),e.jsxs("p",{children:["If you have questions about this Privacy Policy, please reach out to us through our ",e.jsx(m,{href:"/contact",className:"text-[var(--accent-color)] hover:underline",children:"Contact page"}),"."]})]})]})]})}function se(){return e.jsxs("div",{className:"max-w-[760px] mx-auto px-6 md:px-12 py-[64px] md:py-[88px]",children:[e.jsx(b,{title:"Terms & Conditions",description:"Terms and conditions for using visualizing.org. Learn about acceptable use, intellectual property, and liability for our data visualization educational resources.",path:"/terms",breadcrumbs:[{name:"Home",path:"/"},{name:"Terms & Conditions",path:"/terms"}]}),e.jsx("p",{className:"font-mono text-[10px] tracking-[0.14em] uppercase text-[var(--accent-color)] mb-[12px]",children:"// Legal"}),e.jsx("h1",{className:"font-serif text-[36px] md:text-[44px] font-normal tracking-[-0.02em] leading-[1.15] text-[var(--ink)] mb-[16px]",children:"Terms & Conditions"}),e.jsx("p",{className:"text-[13px] text-[var(--ink-faint)] font-mono mb-[48px]",children:"Last updated: January 1, 2025"}),e.jsxs("div",{className:"space-y-[36px] text-[15px] text-[var(--ink-muted)] leading-[1.75] font-light",children:[e.jsxs("section",{children:[e.jsx("h2",{className:"font-serif text-[22px] font-normal text-[var(--ink)] mb-[12px]",children:"Acceptance of Terms"}),e.jsx("p",{children:"By accessing and using visualizing.org, you accept and agree to be bound by these Terms and Conditions. If you do not agree with any part of these terms, you should not use this website."})]}),e.jsxs("section",{children:[e.jsx("h2",{className:"font-serif text-[22px] font-normal text-[var(--ink)] mb-[12px]",children:"Use of Content"}),e.jsx("p",{className:"mb-[12px]",children:"All educational content on visualizing.org â including chart descriptions, guides, examples, and illustrations â is provided for informational and educational purposes. You may:"}),e.jsxs("ul",{className:"list-disc pl-[24px] space-y-[8px]",children:[e.jsx("li",{children:"Use our content for personal learning and reference"}),e.jsx("li",{children:"Share links to our pages with proper attribution"}),e.jsx("li",{children:"Reference our content in educational materials with credit to visualizing.org"})]}),e.jsx("p",{className:"mt-[12px]",children:"You may not reproduce, distribute, or create derivative works from our content for commercial purposes without prior written permission."})]}),e.jsxs("section",{children:[e.jsx("h2",{className:"font-serif text-[22px] font-normal text-[var(--ink)] mb-[12px]",children:"Intellectual Property"}),e.jsx("p",{children:"All content, design, graphics, and code on this website are the intellectual property of visualizing.org unless otherwise stated. Chart examples that reference third-party data sources are attributed accordingly, and their original data remains the property of the respective owners."})]}),e.jsxs("section",{children:[e.jsx("h2",{className:"font-serif text-[22px] font-normal text-[var(--ink)] mb-[12px]",children:"Accuracy of Information"}),e.jsx("p",{children:"We strive to ensure all chart descriptions, definitions, and educational content are accurate and up to date. However, data visualization is an evolving field, and we make no warranties regarding the completeness or accuracy of any content. We encourage users to cross-reference information with primary academic sources."})]}),e.jsxs("section",{children:[e.jsx("h2",{className:"font-serif text-[22px] font-normal text-[var(--ink)] mb-[12px]",children:"User Conduct"}),e.jsx("p",{className:"mb-[12px]",children:"When using our website, you agree not to:"}),e.jsxs("ul",{className:"list-disc pl-[24px] space-y-[8px]",children:[e.jsx("li",{children:"Use the site for any unlawful purpose"}),e.jsx("li",{children:"Attempt to gain unauthorized access to any part of the website"}),e.jsx("li",{children:"Interfere with or disrupt the site's infrastru
2cture"}),e.jsx("li",{children:"Scrape or collect content through automated means without permission"})]})]}),e.jsxs("section",{children:[e.jsx("h2",{className:"font-serif text-[22px] font-normal text-[var(--ink)] mb-[12px]",children:"External Links"}),e.jsx("p",{children:"Our site may contain links to external resources, research papers, and tools. We are not responsible for the content, privacy practices, or availability of these external sites. Links are provided for convenience and do not imply endorsement."})]}),e.jsxs("section",{children:[e.jsx("h2",{className:"font-serif text-[22px] font-normal text-[var(--ink)] mb-[12px]",children:"Limitation of Liability"}),e.jsx("p",{children:'visualizing.org is provided "as is" without warranties of any kind. We shall not be liable for any direct, indirect, incidental, or consequential damages arising from your use of or inability to use this website or its content.'})]}),e.jsxs("section",{children:[e.jsx("h2",{className:"font-serif text-[22px] font-normal text-[var(--ink)] mb-[12px]",children:"Changes to These Terms"}),e.jsx("p",{children:"We reserve the right to modify these Terms and Conditions at any time. Changes take effect immediately upon posting. Continued use of the site after changes constitutes acceptance of the updated terms."})]}),e.jsxs("section",{children:[e.jsx("h2",{className:"font-serif text-[22px] font-normal text-[var(--ink)] mb-[12px]",children:"Contact"}),e.jsxs("p",{children:["For questions about these Terms and Conditions, please visit our ",e.jsx(m,{href:"/contact",className:"text-[var(--accent-color)] hover:underline",children:"Contact page"}),"."]})]})]})]})}function ae(){return e.jsxs("div",{className:"max-w-[760px] mx-auto px-6 md:px-12 py-[64px] md:py-[88px]",children:[e.jsx(b,{title:"Contact Us",description:"Get in touch with the visualizing.org team. Reach out for general inquiries, content corrections, press requests, or community discussions.",path:"/contact",breadcrumbs:[{name:"Home",path:"/"},{name:"Contact Us",path:"/contact"}]}),e.jsx("p",{className:"font-mono text-[10px] tracking-[0.14em] uppercase text-[var(--accent-color)] mb-[12px]",children:"// Get in touch"}),e.jsx("h1",{className:"font-serif text-[36px] md:text-[44px] font-normal tracking-[-0.02em] leading-[1.15] text-[var(--ink)] mb-[16px]",children:"Contact Us"}),e.jsx("p",{className:"text-[15px] text-[var(--ink-muted)] font-light leading-[1.65] mb-[48px] max-w-[560px]",children:"Have a question, suggestion, or want to contribute to visualizing.org? We'd love to hear from you."}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-[32px]",children:[e.jsxs("div",{className:"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[10px] p-[28px]",children:[e.jsx("div",{className:"font-mono text-[10px] tracking-[0.08em] uppercase text-[var(--accent-color)] mb-[16px]",children:"General inquiries"}),e.jsx("p",{className:"text-[15px] text-[var(--ink)] font-medium mb-[8px]",children:"[email protected]"}),e.jsx("p",{className:"text-[13px] text-[var(--ink-muted)] font-light leading-[1.65]",children:"For general questions, feedback, or partnership opportunities. We typically respond within 2 business days."})]}),e.jsxs("div",{className:"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[10px] p-[28px]",children:[e.jsx("div",{className:"font-mono text-[10px] tracking-[0.08em] uppercase text-[var(--accent-color)] mb-[16px]",children:"Content & corrections"}),e.jsx("p",{className:"text-[15px] text-[var(--ink)] font-medium mb-[8px]",children:"[email protected]"}),e.jsx("p",{className:"text-[13px] text-[var(--ink-muted)] font-light leading-[1.65]",children:"Found an error in a chart description? Want to suggest a new chart type or example? Let our editorial team know."})]}),e.jsxs("div",{className:"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[10px] p-[28px]",children:[e.jsx("div",{className:"font-mono text-[10px] tracking-[0.08em] uppercase text-[var(--accent-color)] mb-[16px]",children:"Press & media"}),e.jsx("p",{className:"text-[15px] text-[var(--ink)] font-medium mb-[8px]",children:"[email protected]"}),e.jsx("p",{className:"text-[13px] text-[var(--ink-muted)] font-light leading-[1.65]",children:"For media inquiries, interviews, or citation requests related to our data visualization resources."})]}),e.jsxs("div",{className:"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[10px] p-[28px]",children:[e.jsx("div",{className:"font-mono text-[10px] tracking-[0.08em] uppercase text-[var(--accent-color)] mb-[16px]",children:"Community"}),e.jsx("p",{className:"text-[15px] text-[var(--ink)] font-medium mb-[8px]",children:"@visualizing_org"}),e.jsx("p",{className:"text-[13px] text-[var(--ink-muted)] font-light leading-[1.65]",children:"Follow us on social media for the latest chart breakdowns, data visualization tips, and community discussions."})]})]}),e.jsx("div",{className:"mt-[48px] border-t border-[var(--border-color)] pt-[32px]",children:e.jsx("p",{className:"text-[13px] text-[var(--ink-faint)] font-light leading-[1.65]",children:"visualizing.org is a free educational resource dedicated to making data visualization accessible to everyone. We are a small team passionate about helping people understand and communicate with data."})})]})}function oe(){const o=v.reduce((c,r)=>c+r.charts.length,0);return e.jsxs("div",{className:"max-w-[1100px] mx-auto px-6 md:px-12 py-[64px] md:py-[88px]",children:[e.jsx(b,{title:"All chart types â visualizing.org",description:`Browse every chart type in the visualizing.org reference. ${o}+ data visualizations grouped by category â comparison, time series, distribution, geospatial, statistical, and more.`,path:"/chart-types",breadcrumbs:[{name:"Home",path:"/"},{name:"Chart types",path:"/chart-types"}]}),e.jsxs("header",{className:"max-w-[760px] mb-[56px] md:mb-[72px]",children:[e.jsx("p",{className:"font-mono text-[10px] tracking-[0.14em] uppercase text-[var(--accent-color)] mb-[12px]",children:"// Index"}),e.jsx("h1",{className:"font-serif text-[42px] md:text-[56px] font-normal tracking-[-0.02em] leading-[1.15] text-[var(--ink)] mb-[16px]",children:"Every chart type, organized"}),e.jsxs("p",{className:"text-[15px] md:text-[17px] text-[var(--ink-muted)] font-light leading-[1.65]",children:["The full visualizing.org catalog â ",o,"
2chart types grouped by what theyâre best at. Pick a category to explore, or jump straight to a chart."]})]}),e.jsx("nav",{"aria-label":"Chart categories",className:"border-y border-[var(--border-color)] py-[20px] mb-[48px] flex flex-wrap gap-x-[20px] gap-y-[8px]",children:v.map(c=>e.jsxs("a",{href:`#${A(c.category)}`,className:"text-[12px] font-mono tracking-[0.04em] text-[var(--ink-muted)] hover:text-[var(--accent-color)] transition-colors duration-150",children:[c.category," ",e.jsxs("span",{className:"text-[var(--ink-faint)]",children:["(",c.charts.length,")"]})]},c.category))}),e.jsx("div",{className:"flex flex-col gap-[56px]",children:v.map(c=>e.jsxs("section",{id:A(c.category),"data-testid":`category-${c.category}`,className:"scroll-mt-[80px]",children:[e.jsxs("div",{className:"flex items-baseline gap-[12px] mb-[24px]",children:[e.jsx("h2",{className:"font-serif text-[24px] md:text-[28px] font-normal tracking-[-0.01em] text-[var(--ink)]",children:c.category}),e.jsxs("span",{className:"font-mono text-[10px] tracking-[0.12em] uppercase text-[var(--ink-faint)]",children:[c.charts.length," ",c.charts.length===1?"chart":"charts"]})]}),e.jsx("ul",{className:"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-x-[24px] gap-y-[10px] list-none p-0 m-0",children:c.charts.map(r=>e.jsx("li",{children:e.jsx(m,{href:r.href,className:"text-[14px] text-[var(--ink-muted)] hover:text-[var(--accent-color)] transition-colors duration-150 no-underline",children:r.name})},r.href))})]},c.category))})]})}function A(o){return o.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/(^-|-$)/g,"")}const ce=["/","/chart-types","/privacy","/terms","/contact"],le=v.flatMap(o=>o.charts.map(c=>c.href)),ne=[...ce,...le];new Set(ne);const he=new Set(["/example-removed-chart"]),xe=[{href:"/bar-chart",name:"Bar chart"},{href:"/line-graph",name:"Line graph"},{href:"/pie-chart",name:"Pie chart"},{href:"/scatter-plot",name:"Scatter plot"},{href:"/heatmap",name:"Heatmap"},{href:"/treemap",name:"Treemap"},{href:"/histogram",name:"Histogram"},{href:"/area-chart",name:"Area chart"}],de=v.flatMap(o=>o.charts.map(c=>({...c,category:o.category})));function D(o){return!!(he.has(o)||typeof window<"u"&&window.__VIZ_ROUTE_STATUS__==="gone")}function pe(){const[o,c]=T(),[r,s]=k.useState(""),[a,n]=k.useState(()=>D(o)),h=k.useRef(null);k.useEffect(()=>{n(D(o))},[o]);const x=k.useMemo(()=>{const l=r.trim().toLowerCase();if(!l)return[];const _=l.split(/\s+/).filter(Boolean);return de.filter(w=>{const R=`${w.name} ${w.category}`.toLowerCase();return _.every(S=>R.includes(S))}).slice(0,8)},[r]),p=l=>{l.preventDefault(),x.length>0&&c(x[0].href)},d=a?"This page has been removed":"Page not found",f=a?"// 410 â Gone":"// 404",y=a?"The page you're looking for is no longer available. It may have been removed or replaced. Try the search below, browse all chart types, or pick from the popular references.":"The page you're looking for doesn't exist or has been moved. Try the search below, browse all chart types, or pick from the popular references.";return e.jsxs("div",{className:"max-w-[1100px] mx-auto px-6 md:px-12 py-[64px] md:py-[88px]",children:[e.jsx(b,{title:a?"Page removed":"Page Not Found",description:"The page you're looking for doesn't exist or has been moved. Browse every chart type in the visualizing.org reference.",path:"/404",noindex:!0}),e.jsxs("header",{className:"max-w-[760px] mb-[40px] md:mb-[56px]",children:[e.jsx("p",{className:"font-mono text-[10px] tracking-[0.14em] uppercase text-[var(--accent-color)] mb-[12px]",children:f}),e.jsx("h1",{className:"font-serif text-[42px] md:text-[56px] font-normal tracking-[-0.02em] leading-[1.15] text-[var(--ink)] mb-[16px]","data-testid":"not-found-heading",children:d}),e.jsx("p",{className:"text-[15px] md:text-[17px] text-[var(--ink-muted)] font-light leading-[1.65]",children:y})]}),e.jsxs("section",{className:"mb-[48px]","data-testid":"not-found-search",children:[e.jsxs("form",{ref:h,onSubmit:p,role:"search",children:[e.jsx("label",{htmlFor:"not-found-search-input",className:"block font-mono text-[10px] tracking-[0.14em] uppercase text-[var(--accent-color)] mb-[8px]",children:"// Search the catalog"}),e.jsxs("div",{className:"flex gap-[8px]",children:[e.jsx("input",{id:"not-found-search-input",type:"search",value:r,onChange:l=>s(l.target.value),placeholder:"e.g. bar, scatter, sankey, mapâ¦",autoComplete:"off",className:"flex-1 bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[6px] px-[14px] py-[12px] text-[15px] text-[var(--ink)] placeholder:text-[var(--ink-faint)] focu
2s:outline-none focus:border-[var(--accent-color)] transition-colors duration-150","data-testid":"input-not-found-search"}),e.jsx("button",{type:"submit",disabled:x.length===0,className:"bg-[var(--accent-color)] text-white px-[20px] py-[12px] rounded-[6px] text-[14px] font-medium hover:bg-[#a83924] disabled:opacity-40 disabled:cursor-not-allowed transition-colors duration-150","data-testid":"button-not-found-search-submit",children:"Go"})]})]}),r&&e.jsx("ul",{className:"mt-[12px] border border-[var(--border-color)] rounded-[6px] overflow-hidden bg-[var(--bg-card)] list-none p-0 m-0","data-testid":"not-found-search-results",children:x.length===0?e.jsxs("li",{className:"px-[14px] py-[12px] text-[13px] text-[var(--ink-muted)]",children:["No matches. Try a different word, or"," ",e.jsx(m,{href:"/chart-types",className:"text-[var(--accent-color)] underline underline-offset-[3px]",children:"browse the full index"}),"."]}):x.map(l=>e.jsx("li",{className:"border-b border-[var(--border-color)] last:border-0",children:e.jsxs(m,{href:l.href,className:"flex items-baseline justify-between px-[14px] py-[10px] text-[14px] text-[var(--ink)] hover:bg-[var(--accent-light)] transition-colors duration-150 no-underline",children:[e.jsx("span",{children:l.name}),e.jsx("span",{className:"font-mono text-[10px] tracking-[0.08em] uppercase text-[var(--ink-faint)]",children:l.category})]})},l.href))})]}),e.jsxs("section",{className:"mb-[48px] flex flex-wrap gap-[12px]","data-testid":"not-found-ctas",children:[e.jsx(m,{href:"/chart-types",className:"bg-[var(--accent-color)] text-white px-[24px] py-[12px] rounded-[6px] text-[14px] font-medium hover:bg-[#a83924] transition-colors duration-150 no-underline","data-testid":"link-chart-types",children:"Browse all chart types â"}),e.jsx(m,{href:"/",className:"border border-[var(--border-color)] text-[var(--ink)] px-[24px] py-[12px] rounded-[6px] text-[14px] font-medium hover:border-[var(--accent-border-hover)] transition-colors duration-150 no-underline","data-testid":"link-home",children:"Back to homepage"})]}),e.jsxs("section",{className:"border-t border-[var(--border-color)] pt-[32px] mb-[56px]","data-testid":"not-found-popular",children:[e.jsx("p",{className:"font-mono text-[10px] tracking-[0.14em] uppercase text-[var(--accent-color)] mb-[8px]",children:"// Popular charts"}),e.jsx("h2",{className:"font-serif text-[22px] md:text-[26px] font-normal tracking-[-0.01em] text-[var(--ink)] mb-[20px]",children:"Start with one of these"}),e.jsx("ul",{className:"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-x-[16px] gap-y-[10px] list-none p-0 m-0",children:xe.map(l=>e.jsx("li",{children:e.jsx(m,{href:l.href,className:"text-[14px] text-[var(--ink-muted)] hover:text-[var(--accent-color)] transition-colors duration-150 no-underline","data-testid":`link-popular-${l.href.replace(/^\//,"")}`,children:l.name})},l.href))})]}),e.jsxs("section",{className:"border-t border-[var(--border-color)] pt-[40px]","data-testid":"not-found-categories",children:[e.jsx("p",{className:"font-mono text-[10px] tracking-[0.14em] uppercase text-[var(--accent-color)] mb-[8px]",children:"// Browse by category"}),e.jsx("h2",{className:"font-serif text-[22px] md:text-[26px] font-normal tracking-[-0.01em] text-[var(--ink)] mb-[20px]",children:"Or pick a category"}),e.jsx("ul",{className:"flex flex-wrap gap-x-[20px] gap-y-[10px] list-none p-0 m-0",children:v.map(l=>e.jsx("li",{children:e.jsxs(m,{href:`/chart-types#${ye(l.category)}`,className:"text-[13px] font-mono tracking-[0.04em] text-[var(--ink-muted)] hover:text-[var(--accent-color)] transition-colors duration-150 no-underline","data-testid":`link-category-${l.category}`,children:[l.category," ",e.jsxs("span",{className:"text-[var(--ink-faint)]",children:["(",l.charts.length,")"]})]})},l.category))})]})]})}function ye(o){return o.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/(^-|-$)/g,"")}const fe=o=>o;function me({ssrPath:o,chartRoutes:c,routeWrapper:r=fe}){const s="/".replace(/\/$/,"");return e.jsxs(B,{base:s,ssrPath:o,children:[e.jsx(K,{}),e.jsx(J,{children:r(e.jsxs(V,{children:[e.jsx(g,{path:"/",component:ie}),c.map(({path:a,component:n})=>e.jsx(g,{path:a,component:n},a)),e.jsx(g,{path:"/chart-types",component:oe}),e.jsx(g,{path:"/privacy",component:re}),e.jsx(g,{path:"/terms",component:se}),e.jsx(g,{path:"/contact",component:ae}),e.jsx(g,{component:pe})]}))})]})}const je="modulepreload",ke=function(o){return"/"+o},P={}
2,i=function(c,r,s){let a=Promise.resolve();if(r&&r.length>0){let p=function(d){return Promise.all(d.map(f=>Promise.resolve(f).then(y=>({status:"fulfilled",value:y}),y=>({status:"rejected",reason:y}))))};document.getElementsByTagName("link");const h=document.querySelector("meta[property=csp-nonce]"),x=h?.nonce||h?.getAttribute("nonce");a=p(r.map(d=>{if(d=ke(d),d in P)return;P[d]=!0;const f=d.endsWith(".css"),y=f?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${d}"]${y}`))return;const l=document.createElement("link");if(l.rel=f?"stylesheet":je,f||(l.as="script"),l.crossOrigin="",l.href=d,x&&l.setAttribute("nonce",x),document.head.appendChild(l),f)return new Promise((_,w)=>{l.addEventListener("load",_),l.addEventListener("error",()=>w(new Error(`Unable to preload CSS for ${d}`)))})}))}function n(h){const x=new Event("vite:preloadError",{cancelable:!0});if(x.payload=h,window.dispatchEvent(x),!x.defaultPrevented)throw h}return a.then(h=>{for(const x of h||[])x.status==="rejected"&&n(x.reason);return c().catch(n)})},ge=[{path:"/bar-chart",importer:()=>i(()=>import("./BarChart-ZGEaKA6Y.js"),__vite__mapDeps([0,1,2,3,4]))},{path:"/line-graph",importer:()=>i(()=>import("./LineGraph-C8Sebmrt.js"),__vite__mapDeps([5,1,2,3,4]))},{path:"/scatter-plot",importer:()=>i(()=>import("./ScatterPlot-ZpepufQF.js"),__vite__mapDeps([6,1,2,3,4]))},{path:"/pie-chart",importer:()=>i(()=>import("./PieChart-Da7kaVYF.js"),__vite__mapDeps([7,1,2,3,4]))},{path:"/histogram",importer:()=>i(()=>import("./Histogram-lXeWxXE0.js"),__vite__mapDeps([8,1,2,3,4]))},{path:"/box-plot",importer:()=>i(()=>import("./BoxPlot-BRJHkaWD.js"),__vite__mapDeps([9,1,2,3,4]))},{path:"/area-chart",importer:()=>i(()=>import("./AreaChart-DHeQA2QE.js"),__vite__mapDeps([10,1,2,3]))},{path:"/heatmap",importer:()=>i(()=>import("./Heatmap-SXIHC0G9.js"),__vite__mapDeps([11,1,2,3,4]))},{path:"/donut-chart",importer:()=>i(()=>import("./DonutChart-DXap3HDw.js"),__vite__mapDeps([12,1,2,3]))},{path:"/treemap",importer:()=>i(()=>import("./Treemap-PKJvxOso.js"),__vite__mapDeps([13,1,2,3]))},{path:"/stacked-bar-chart",importer:()=>i(()=>import("./StackedBarChart-DXWUgnPm.js"),__vite__mapDeps([14,1,2,3]))},{path:"/bubble-chart",importer:()=>i(()=>import("./BubbleChart-DqI0uVZl.js"),__vite__mapDeps([15,1,2,3]))},{path:"/violin-plot",importer:()=>i(()=>import("./ViolinPlot-TU9gMo1W.js"),__vite__mapDeps([16,1,2,3]))},{path:"/sankey-diagram",importer:()=>i(()=>import("./SankeyDiagram-DDazshAc.js"),__vite__mapDeps([17,1,2,3,4]))},{path:"/waterfall-chart",importer:()=>i(()=>import("./WaterfallChart-D37VdwF9.js"),__vite__mapDeps([18,1,2,3]))},{path:"/radar-chart",importer:()=>i(()=>import("./RadarChart-Ba3G8iwy.js"),__vite__mapDeps([19,1,2,3]))},{path:"/candlestick-chart",importer:()=>i(()=>import("./CandlestickChart-DOYWtGVD.js"),__vite__mapDeps([20,1,2,3]))},{path:"/column-chart",importer:()=>i(()=>import("./ColumnChart-C5Kw8hTs.js"),__vite__mapDeps([21,1,2,3]))},{path:"/grouped-bar-chart",importer:()=>i(()=>import("./GroupedBarChart-DB1HISXP.js"),__vite__mapDeps([22,1,2,3]))},{path:"/lollipop-chart",importer:()=>i(()=>import("./LollipopChart-NvEyp44t.js"),__vite__mapDeps([23,1,2,3]))},{path:"/bullet-chart",importer:()=>i(()=>import("./BulletChart-DhG6zDsr.js"),__vite__mapDeps([24,1,2,3]))},{path:"/dot-plot",importer:()=>i(()=>import("./DotPlot-DvateF2E.js"),__vite__mapDeps([25,1,2,3]))},{path:"/dumbbell-chart",importer:()=>i(()=>import("./DumbbellChart-bbS8yk7o.js"),__vite__mapDeps([26,1,2,3]))},{path:"/range-chart",importer:()=>i(()=>import("./RangeChart-KJX_4IaO.js"),__vite__mapDeps([27,1,2,3]))},{path:"/radial-bar-chart",importer:()=>i(()=>import("./RadialBarChart-BNJLFIxk.js"),__vite__mapDeps([28,1,2,3]))},{path:"/nightingale-rose-chart",importer:()=>i(()=>import("./NightingaleRoseChart-BhOs3uJv.js"),__vite__mapDeps([29,1,2,3]))},{path:"/population-pyramid",importer:()=>i(()=>import("./PopulationPyramid-D9RU_jqU.js"),__vite__mapDeps([30,1,2,3]))},{path:"/pictogram-chart",importer:()=>i(()=>import("./PictogramChart-Pdmnxa3y.js"),__vite__mapDeps([31,1,2,3]))},{path:"/quadrant-chart",importer:()=>i(()=>import("./QuadrantChart-D3Lj0EdG.js"),__vite__mapDeps([32,1,2,3]))},{path:"/wrapped-bar-graph",importer:()=>i(()=>import("./WrappedBarGraph-f564_B7W.js"),__vite__mapDeps([33,1,2,3]))},{path:"/small-multiples",importer:()=>i(()=>import("./SmallMultiples-DryDxVnk.js"),__vite__mapDeps([34,1,2,3]))},{path:"/density-plot",importer:()=>i(()=>import("./DensityPlot-DgpisVwF.js"),__vite__mapDeps([35,1,2,3]))},{path:"/ridgeline-plot",importer:()=>i(()=>import("./RidgelinePlot--_MRwU0Y.js"),__vite__mapDeps([36,1,2,3]))},{path:"/beeswarm-plot",importer:()=>i(()=>import("./BeeswarmPlot-DRh40hun.js"),__vite__mapDeps([37,1,2,3]))},{path:"/strip-plot",importer:()=>i(()=>import("./StripPlot-a_s6-_sz.js"),__vite__mapDeps([38,1,2,3]))},{path:"/jitter-plot",importer:()=>i(()=>import("./JitterPlot-zmEG8YnU.js"),__vite__mapDeps([39,1,2,3]))},{path:"/raincloud-plot",importer:()=>i(()=>import("./RaincloudPlot-C_NKCTB-.js"),__vite__mapDeps([40,1,2,3]))},{path:"/half-eye-plot",importer:()=>i(()=>import("./HalfEyePlot-B97JsZcz.js"),__vite__mapDeps([41,1,2,3,4]))},{path:"/dot-boxplot",importer:()=>i(()=>
2import("./DotBoxplot-DzVGwiH8.js"),__vite__mapDeps([42,1,2,3]))},{path:"/stem-and-leaf-plot",importer:()=>i(()=>import("./StemAndLeafPlot-Cy_GCTuy.js"),__vite__mapDeps([43,1,2,3]))},{path:"/radial-histogram",importer:()=>i(()=>import("./RadialHistogram-h4x7ctoa.js"),__vite__mapDeps([44,1,2,3]))},{path:"/spike-histogram",importer:()=>i(()=>import("./SpikeHistogram-CPC2fpPH.js"),__vite__mapDeps([45,1,2,3]))},{path:"/ecdf-plot",importer:()=>i(()=>import("./EcdfPlot-DqhDAd_P.js"),__vite__mapDeps([46,1,2,3]))},{path:"/qq-plot",importer:()=>i(()=>import("./QQPlot-CpdpuBCO.js"),__vite__mapDeps([47,1,2,3]))},{path:"/pp-plot",importer:()=>i(()=>import("./PPPlot-C43ei7Xu.js"),__vite__mapDeps([48,1,2,3]))},{path:"/semi-circle-donut-chart",importer:()=>i(()=>import("./SemiCircleDonutChart-CX2dD3o5.js"),__vite__mapDeps([49,1,2,3]))},{path:"/waffle-chart",importer:()=>i(()=>import("./WaffleChart-BOt-6B5M.js"),__vite__mapDeps([50,1,2,3]))},{path:"/sunburst-chart",importer:()=>i(()=>import("./SunburstChart-6-Dqz0L6.js"),__vite__mapDeps([51,1,2,3]))},{path:"/icicle-chart",importer:()=>i(()=>import("./IcicleChart-NsDeTKnK.js"),__vite__mapDeps([52,1,2,3]))},{path:"/circle-packing",importer:()=>i(()=>import("./CirclePacking-Cu-LhuTE.js"),__vite__mapDeps([53,1,2,3]))},{path:"/marimekko-chart",importer:()=>i(()=>import("./MarimekkoChart-B_GOwUsQ.js"),__vite__mapDeps([54,1,2,3]))},{path:"/parliament-chart",importer:()=>i(()=>import("./ParliamentChart-CI-W7M7G.js"),__vite__mapDeps([55,1,2,3]))},{path:"/100-percent-stacked-bar-chart",importer:()=>i(()=>import("./HundredPercentStackedBarChart-DR8Rbjxh.js"),__vite__mapDeps([56,1,2,3]))},{path:"/diverging-stacked-bar-chart",importer:()=>i(()=>import("./DivergingStackedBarChart-CLnjkUCG.js"),__vite__mapDeps([57,1,2,3]))},{path:"/icon-array",importer:()=>i(()=>import("./IconArray-D0j839L_.js"),__vite__mapDeps([58,1,2,3]))},{path:"/gauge-chart",importer:()=>i(()=>import("./GaugeChart-DCqRcB6u.js"),__vite__mapDeps([59,1,2,3]))},{path:"/funnel-chart",importer:()=>i(()=>import("./FunnelChart-dTLa-aPk.js"),__vite__mapDeps([60,1,2,3]))},{path:"/voronoi-treemap",importer:()=>i(()=>import("./VoronoiTreemap-DIhvR3vp.js"),__vite__mapDeps([61,1,2,3]))},{path:"/bubble-treemap",importer:()=>i(()=>import("./BubbleTreemap-BpVZmYGy.js"),__vite__mapDeps([62,1,2,3]))},{path:"/correlogram",importer:()=>i(()=>import("./Correlogram-BsfxRKUJ.js"),__vite__mapDeps([63,1,2,3]))},{path:"/connected-scatter-plot",importer:()=>i(()=>import("./ConnectedScatterPlot-DlU7tT0p.js"),__vite__mapDeps([64,1,2,3]))},{path:"/hexbin-plot",importer:()=>i(()=>import("./HexbinPlot-DoEksAM8.js"),__vite__mapDeps([65,1,2,3,4]))},{path:"/contour-plot",importer:()=>i(()=>import("./ContourPlot-DJo0ZoqM.js"),__vite__mapDeps([66,1,2,3]))},{path:"/pair-plot",importer:()=>i(()=>import("./PairPlot-BZAGWlpK.js"),__vite__mapDeps([67,1,2,3]))},{path:"/solar-correlation-map",importer:()=>i(()=>import("./SolarCorrelationMap-CNi3uEup.js"),__vite__mapDeps([68,1,2,3]))},{path:"/one-dimensional-heatmap",importer:()=>i(()=>import("./OneDimensionalHeatmap-t6Ov-uHV.js"),__vite__mapDeps([69,1,2,3]))},{path:"/stacked-area-chart",importer:()=>i(()=>import("./StackedAreaChart-XDjbQETR.js"),__vite__mapDeps([70,1,2,3]))},{path:"/streamgraph",importer:()=>i(()=>import("./Streamgraph-MVR3Ezw1.js"),__vite__mapDeps([71,1,2,3]))},{path:"/sparkline",importer:()=>i(()=>import("./Sparkline-C4sApyuW.js"),__vite__mapDeps([72,1,2,3]))},{path:"/slope-chart",importer:()=>i(()=>import("./SlopeChart-DPeaj53s.js"),__vite__mapDeps([73,1,2,3]))},{path:"/bump-chart",importer:()=>i(()=>import("./BumpChart-BD8d-o_T.js"),__vite__mapDeps([74,1,2,3]))},{path:"/step-line-chart",importer:()=>i(()=>import("./StepLineChart-BRNQviF9.js"),__vite__mapDeps([75,1,2,3]))},{path:"/spline-chart",importer:()=>i(()=>import("./SplineChart-DWLDge0G.js"),__vite__mapDeps([76,1,2,3]))},{path:"/horizon-chart",importer:()=>i(()=>import("./HorizonChart-CTK-8vbe.js"),__vite__mapDeps([77,1,2,3]))},{path:"/calendar-heatmap",importer:()=>i(()=>import("./CalendarHeatmap-CcxuiJ8H.js"),__vite__mapDeps([78,1,2,3]))},{path:"/gantt-chart",importer:()=>i(()=>
2import("./GanttChart-CV0nd5OW.js"),__vite__mapDeps([79,1,2,3,4]))},{path:"/barcode-chart",importer:()=>i(()=>import("./BarcodeChart-DNm6RTYy.js"),__vite__mapDeps([80,1,2]))},{path:"/fan-chart",importer:()=>i(()=>import("./FanChart-DStwnMdE.js"),__vite__mapDeps([81,1,2,3]))},{path:"/cumulative-flow-diagram",importer:()=>i(()=>import("./CumulativeFlowDiagram-D-aZdxeg.js"),__vite__mapDeps([82,1,2,3]))},{path:"/lasagna-plot",importer:()=>i(()=>import("./LasagnaPlot-BLksUVwm.js"),__vite__mapDeps([83,1,2,3]))},{path:"/lexis-diagram",importer:()=>i(()=>import("./LexisDiagram-CrF82zvT.js"),__vite__mapDeps([84,1,2,3]))},{path:"/denselines",importer:()=>i(()=>import("./DenseLines-CUqkt-k-.js"),__vite__mapDeps([85,1,2,3]))},{path:"/alluvial-diagram",importer:()=>i(()=>import("./AlluvialDiagram-Q9j3FgM7.js"),__vite__mapDeps([86,1,2,3]))},{path:"/parallel-sets",importer:()=>i(()=>import("./ParallelSets-_Nm74PGY.js"),__vite__mapDeps([87,1,2,3]))},{path:"/double-waterfall-chart",importer:()=>i(()=>import("./DoubleWaterfallChart-Bx6o-cIg.js"),__vite__mapDeps([88,1,2,3]))},{path:"/tree-diagram",importer:()=>i(()=>import("./TreeDiagram-Bd-q6wBJ.js"),__vite__mapDeps([89,1,2,3]))},{path:"/dendrogram",importer:()=>i(()=>import("./Dendrogram-GVFPoLWy.js"),__vite__mapDeps([90,1,2,3]))},{path:"/radial-tree",importer:()=>i(()=>import("./RadialTree-Qjn0i3gm.js"),__vite__mapDeps([91,1,2,3]))},{path:"/hyperbolic-tree",importer:()=>i(()=>import("./HyperbolicTree-DWhh_Aen.js"),__vite__mapDeps([92,1,2,3]))},{path:"/cone-tree",importer:()=>i(()=>import("./ConeTree-NFAHMBFy.js"),__vite__mapDeps([93,1,2,3]))},{path:"/indented-tree",importer:()=>i(()=>import("./IndentedTree-sCNOGU5l.js"),__vite__mapDeps([94,1,2,3]))},{path:"/organizational-chart",importer:()=>i(()=>import("./OrganizationalChart-BjtmzHj7.js"),__vite__mapDeps([95,1,2,3]))},{path:"/flame-chart",importer:()=>i(()=>import("./FlameChart-B0vTtfeV.js"),__vite__mapDeps([96,1,2,3]))},{path:"/flame-map",importer:()=>i(()=>import("./FlameMap-p3Au_kh3.js"),__vite__mapDeps([97,1,2,3]))},{path:"/phylogenetic-tree",importer:()=>i(()=>import("./PhylogeneticTree-CQbLNGbP.js"),__vite__mapDeps([98,1,2,3]))},{path:"/node-link-diagram",importer:()=>i(()=>import("./NodeLinkDiagram-DjxPNfWB.js"),__vite__mapDeps([99,1,2,3]))},{path:"/force-directed-graph",importer:()=>i(()=>import("./ForceDirectedGraph-CEDl6yaT.js"),__vite__mapDeps([100,1,2,3]))},{path:"/adjacency-matrix",importer:()=>i(()=>import("./AdjacencyMatrix-DrUb1J4C.js"),__vite__mapDeps([101,1,2,3]))},{path:"/arc-diagram",importer:()=>i(()=>import("./ArcDiagram-B0sN4Ni3.js"),__vite__mapDeps([102,1,2,3]))},{path:"/chord-diagram",importer:()=>i(()=>import("./ChordDiagram-KhwRABWH.js"),__vite__mapDeps([103,1,2,3]))},{path:"/non-ribbon-chord-diagram",importer:()=>i(()=>import("./NonRibbonChordDiagram-DzDdz1zH.js"),__vite__mapDeps([104,1,2,3]))},{path:"/hierarchical-edge-bundling",importer:()=>i(()=>import("./HierarchicalEdgeBundling-BoyED0B9.js"),__vite__mapDeps([105,1,2,3]))},{path:"/force-directed-edge-bundling",importer:()=>i(()=>import("./ForceDirectedEdgeBundling-DIPtgmqt.js"),__vite__mapDeps([106,1,2,3]))},{path:"/bipartite-graph",importer:()=>i(()=>import("./BipartiteGraph-DzIpEd5E.js"),__vite__mapDeps([107,1,2,3]))},{path:"/hive-plot",importer:()=>i(()=>import("./HivePlot-CO4-0bJl.js"),__vite__mapDeps([108,1,2,3]))},{path:"/circular-layout-graph",importer:()=>i(()=>import("./CircularLayoutGraph-n3sC71zh.js"),__vite__mapDeps([109,1,2,3]))},{path:"/matrix-diagram",importer:()=>i(()=>import("./MatrixDiagram-zhPaYArA.js"),__vite__mapDeps([110,1,2,3]))},{path:"/ego-network-diagram",importer:()=>i(()=>import("./EgoNetworkDiagram-D6Da1LkK.js"),__vite__mapDeps([111,1,2,3]))},{path:"/biofabric",importer:()=>i(()=>import("./BioFabric-DcH_O0pN.js"),__vite__mapDeps([112,1,2,3]))},{path:"/circos-plot",importer:()=>i(()=>import("./CircosPlot-DbFLkKk2.js"),__vite__mapDeps([113,1,2,3]))},{path:"/hypergraph-visualization",importer:()=>i(()=>import("./HypergraphVisualization-Camaugyd.js"),__vite__mapDeps([114,1,2,3]))},{path:"/choropleth-map",importer:()=>i(()=>import("./ChoroplethMap-CJJgxWjW.js"),__vite__mapDeps([115,1,2,3,4]))},{path:"/cartogram",importer:()=>i(()=>import("./Cartogram-tNHfWhmN.js"),__vite__mapDeps([116,1,2,3]))},{path:"/dorling-cartogram",importer:()=>i(()=>import("./DorlingCartogram-BJ-e52aY.js"),__vite__mapDeps([117,1,2,3]))},{path:"/demers-cartogram",importer:()=>i(()=>import("./DemersCartogram-4M-odkIP.js"),__vite__mapDeps([118,1,2,3,4]))},{path:"/non-contiguous-cartogram",importer:()=>i(()=>import("./NonContiguousCartogram-TPLcx_Lg.js"),__vite__mapDeps([119,1,2,3]))},{path:"/tile-grid-map",importer:()=>i(()=>import("./TileGridMap-CbBoOTWu.js"),__vite__mapDeps([120,1,2,3]))},{path:"/bivariate-tile-grid-map",importer:()=>i(()=>import("./BivariateTileGridMap-B05QtyfF.js"),__vite__mapDeps([121,1,2,3]))},{path:"/dot-density-map",importer:()=>i(()=>import("./DotDensityMap-BX3sVdZi.js"),__vite__mapDeps([122,1,2,3]))}
2,{path:"/proportional-symbol-map",importer:()=>i(()=>import("./ProportionalSymbolMap-C5-XmnHB.js"),__vite__mapDeps([123,1,2,3]))},{path:"/bubble-map",importer:()=>i(()=>import("./BubbleMap-BVmIOo3M.js"),__vite__mapDeps([124,1,2,3]))},{path:"/spike-map",importer:()=>i(()=>import("./SpikeMap-ChZCMCAR.js"),__vite__mapDeps([125,1,2,3]))},{path:"/flow-map",importer:()=>i(()=>import("./FlowMap-DDodwYW-.js"),__vite__mapDeps([126,1,2,3]))},{path:"/connection-map",importer:()=>i(()=>import("./ConnectionMap-BAaIaURR.js"),__vite__mapDeps([127,1,2,3]))},{path:"/hexbin-map",importer:()=>i(()=>import("./HexbinMap-odjqO7SC.js"),__vite__mapDeps([128,1,2,3]))},{path:"/isarithmic-map",importer:()=>i(()=>import("./IsarithmicMap-DhRxh5Ne.js"),__vite__mapDeps([129,1,2,3]))},{path:"/geographic-heat-map",importer:()=>i(()=>import("./GeographicHeatMap-zPl9iaLG.js"),__vite__mapDeps([130,1,2,3]))},{path:"/dasymetric-map",importer:()=>i(()=>import("./DasymetricMap-B0sp6tTr.js"),__vite__mapDeps([131,1,2,3]))},{path:"/value-by-alpha-map",importer:()=>i(()=>import("./ValueByAlphaMap-CNfYIWHV.js"),__vite__mapDeps([132,1,2,3]))},{path:"/prism-map",importer:()=>i(()=>import("./PrismMap-B1MvbCTh.js"),__vite__mapDeps([133,1,2,3]))},{path:"/space-time-cube",importer:()=>i(()=>import("./SpaceTimeCube-BiiNhx1m.js"),__vite__mapDeps([134,1,2,3]))},{path:"/voronoi-map",importer:()=>i(()=>import("./VoronoiMap-DsawgzfU.js"),__vite__mapDeps([135,1,2,3]))},{path:"/necklace-map",importer:()=>i(()=>import("./NecklaceMap-DF8VkN23.js"),__vite__mapDeps([136,1,2,3]))},{path:"/forest-plot",importer:()=>i(()=>import("./ForestPlot-DCIUh_E2.js"),__vite__mapDeps([137,1,2,3]))},{path:"/funnel-plot-statistical",importer:()=>i(()=>import("./FunnelPlotStatistical-aPevZ_xd.js"),__vite__mapDeps([138,1,2,3]))},{path:"/roc-curve",importer:()=>i(()=>import("./RocCurve-BJu8y5C0.js"),__vite__mapDeps([139,1,2,3]))},{path:"/precision-recall-curve",importer:()=>i(()=>import("./PrecisionRecallCurve-Bux0K27G.js"),__vite__mapDeps([140,1,2,3]))},{path:"/bland-altman-plot",importer:()=>i(()=>import("./BlandAltmanPlot-RTUVMePn.js"),__vite__mapDeps([141,1,2,3]))},{path:"/control-chart",importer:()=>i(()=>import("./ControlChart-Deaj9P_N.js"),__vite__mapDeps([142,1,2,3]))},{path:"/cusum-chart",importer:()=>i(()=>import("./CusumChart-uyESEcr3.js"),__vite__mapDeps([143,1,2,3]))},{path:"/ewma-chart",importer:()=>i(()=>import("./EwmaChart-Ch6oIzsN.js"),__vite__mapDeps([144,1,2,3]))},{path:"/pareto-chart",importer:()=>i(()=>import("./ParetoChart-DuTNega_.js"),__vite__mapDeps([145,1,2,3]))},{path:"/galbraith-plot",importer:()=>i(()=>import("./GalbraithPlot-CIoplOuh.js"),__vite__mapDeps([146,1,2,3]))},{path:"/labbe-plot",importer:()=>i(()=>import("./LabbePlot-CZpPqATW.js"),__vite__mapDeps([147,1,2,3]))},{path:"/caterpillar-plot",importer:()=>i(()=>import("./CaterpillarPlot-C8KTZe-C.js"),__vite__mapDeps([148,1,2,3]))},{path:"/dot-and-whisker-plot",importer:()=>i(()=>import("./DotAndWhiskerPlot-C6KzaDG-.js"),__vite__mapDeps([149,1,2,3]))},{path:"/calibration-plot",importer:()=>i(()=>import("./CalibrationPlot-CWcqU7V-.js"),__vite__mapDeps([150,1,2,3]))},{path:"/response-surface-plot",importer:()=>i(()=>import("./ResponseSurfacePlot-BvLimtLz.js"),__vite__mapDeps([151,1,2,3]))},{path:"/ohlc-chart",importer:()=>i(()=>import("./OhlcChart-BiUwWDwM.js"),__vite__mapDeps([152,1,2,3]))},{path:"/heikin-ashi-chart",importer:()=>i(()=>import("./HeikinAshiChart-DdDjHp3X.js"),__vite__mapDeps([153,1,2,3]))},{path:"/kagi-chart",importer:()=>i(()=>import("./KagiChart-Bf504nOl.js"),__vite__mapDeps([154,1,2,3]))},{path:"/renko-chart",importer:()=>i(()=>import("./RenkoChart-RIgG1cQP.js"),__vite__mapDeps([155,1,2,3]))},{path:"/point-and-figure-chart",importer:()=>i(()=>import("./PointAndFigureChart-6wt_Fcns.js"),__vite__mapDeps([156,1,2,3]))},{path:"/three-line-break-chart",importer:()=>i(()=>import("./ThreeLineBreakChart-kPNpcI1Q.js"),__vite__mapDeps([157,1,2,3]))},{path:"/equivolume-chart",importer:()=>i(()=>import("./EquiVolumeChart-nrmF9f0X.js"),__vite__mapDeps([158,1,2,3]))},{path:"/range-bar-chart",importer:()=>i(()=>import("./RangeBarChart-CWRM00eA.js"),__vite__mapDeps([159,1,2,3]))}
2,{path:"/manhattan-plot",importer:()=>i(()=>import("./ManhattanPlot-BtEO1SD8.js"),__vite__mapDeps([160,1,2,3]))},{path:"/volcano-plot",importer:()=>i(()=>import("./VolcanoPlot-B9GMhi2C.js"),__vite__mapDeps([161,1,2,3]))},{path:"/ma-plot",importer:()=>i(()=>import("./MaPlot-BbUJBJ3m.js"),__vite__mapDeps([162,1,2,3]))},{path:"/kaplan-meier-curve",importer:()=>i(()=>import("./KaplanMeierCurve-DUFSi7DH.js"),__vite__mapDeps([163,1,2,3]))},{path:"/sequence-logo",importer:()=>i(()=>import("./SequenceLogo-BBEQJj2G.js"),__vite__mapDeps([164,1,2,3]))},{path:"/ternary-plot",importer:()=>i(()=>import("./TernaryPlot-DzDSQxrP.js"),__vite__mapDeps([165,1,2,3]))},{path:"/piper-diagram",importer:()=>i(()=>import("./PiperDiagram-58Ygpkf9.js"),__vite__mapDeps([166,1,2,3]))},{path:"/durov-diagram",importer:()=>i(()=>import("./DurovDiagram-BxSlrTWQ.js"),__vite__mapDeps([167,1,2,3,4]))},{path:"/recurrence-plot",importer:()=>i(()=>import("./RecurrencePlot-BZSxtCUu.js"),__vite__mapDeps([168,1,2,3]))},{path:"/phase-portrait",importer:()=>i(()=>import("./PhasePortrait-1arkbAZG.js"),__vite__mapDeps([169,1,2,3]))},{path:"/poincare-plot",importer:()=>i(()=>import("./PoincarePlot-D2O_HUFw.js"),__vite__mapDeps([170,1,2,3,4]))},{path:"/venn-diagram",importer:()=>i(()=>import("./VennDiagram-BPE1FltR.js"),__vite__mapDeps([171,1,2,3]))},{path:"/euler-diagram",importer:()=>i(()=>import("./EulerDiagram-C44RGQ1B.js"),__vite__mapDeps([172,1,2,3]))},{path:"/upset-plot",importer:()=>i(()=>import("./UpSetPlot-CSWqZwO7.js"),__vite__mapDeps([173,1,2,3]))},{path:"/kelp-diagram",importer:()=>i(()=>import("./KelpDiagram-DzfTEI3Y.js"),__vite__mapDeps([174,1,2,3]))},{path:"/parallel-coordinates-plot",importer:()=>i(()=>import("./ParallelCoordinatesPlot-B5KlY2X9.js"),__vite__mapDeps([175,1,2,3]))},{path:"/star-plot",importer:()=>i(()=>import("./StarPlot-BDRpDYRh.js"),__vite__mapDeps([176,1,2,3]))},{path:"/chernoff-faces",importer:()=>i(()=>import("./ChernoffFaces-lyPM-VD3.js"),__vite__mapDeps([177,1,2,3]))},{path:"/radviz",importer:()=>i(()=>import("./Radviz-D4m5Ch_0.js"),__vite__mapDeps([178,1,2,3]))},{path:"/star-coordinates",importer:()=>i(()=>import("./StarCoordinates-0e7c1PKc.js"),__vite__mapDeps([179,1,2,3]))},{path:"/mosaic-plot",importer:()=>i(()=>import("./MosaicPlot-CcoUdXwA.js"),__vite__mapDeps([180,1,2,3]))}],ve=ge.map(({path:o,importer:c})=>({path:o,component:k.lazy(c)}));function we(){return e.jsx("div",{"aria-hidden":"true",className:"min-h-[60vh]","data-testid":"chart-chunk-fallback"})}const ue=o=>e.jsx(k.Suspense,{fallback:e.jsx(we,{}),children:o});function be({ssrPath:o}={}){return e.jsx(me,{ssrPath:o,chartRoutes:ve,routeWrapper:ue})}const u=document.getElementById("root"),M=e.jsx(z,{children:e.jsx(be,{})}),_e=Array.from(u.childNodes).some(o=>o.nodeType===1);if(_e)O.hydrateRoot(u,M);else{for(;u.firstChild;)u.removeChild(u.firstChild);O.createRoot(u).render(M)}export{b as S,Ee as a,Ne as b,Le as c,Oe as d,U as h};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.