3e:null 3f:["$","title",null,{"children":"Plot Gallery | Yu Ji's Workspace | Observable"}] 45:T1a11,### Dot, Image, Text Plot individual data points. ${previews([ { path: "@observablehq/plot-scatterplot/2", thumbnail: "73b5f9c3c63c3a34a435a11f0b180daa7da76e79f7dc87517c77a6b04cd9f1bd", title: "Scatterplot" }, { path: "@observablehq/color-scatterplot", thumbnail: "9169a799a9fec51bac5e040ddbe670bd7fd546bae43ee1f358898b50aa054e1b", title: "Scatterplot with color" }, { path: "@observablehq/plot-diverging-color-scatterplot", thumbnail: "6cf5129bf02927ab3aee64fc796c6b518a6ba83ba6d44aa0d8c9713240354c6d", title: "Diverging colored scatterplot" }, { path: "@observablehq/plot-symbol-channel", thumbnail: "947b5da52f15277cc600651fdacd8a28a0535a9f19fab58f372a9d3736b46bd0", title: "Symbol scatterplot" }, { path: "@observablehq/scatterplot-with-interactive-tips", thumbnail: "ba3c20c9b0629c98a52f0b6626d63019e2d163d5caecf92509ce9dc358ddda7a", title: "Scatterplot with interactive tips" }, { path: "@observablehq/plot-proportional-symbol-scatterplot", thumbnail: "48211ace07308e3714407a595781fa9d9a06894cb3f59863cd88970dfbef9ff4", title: "Proportional symbol scatterplot" }, { path: "@observablehq/plot-scatterplot-with-ordinal-dimension", thumbnail: "0af9548539f6bd31ee07c6a1628f7d3a6f1b05ccf7f4700f1a74d6a5db2688f7", title: "Scatterplot with ordinal dimension" }, { path: "@observablehq/plot-stacked-dots", thumbnail: "a8db51ea280c2fddbb3c6974b5cd386d1f44dfcfd509024da3500ba54e60c689", title: "Stacked dots" }, { path: "@observablehq/qq-plot", thumbnail: "34fdd2c81ec57f75111165e982a4f21bb9a6cd50b6192ed0d00d221b68726f9d", title: "Quantile-quantile plot" }, { path: "@observablehq/plot-temperature-amplitude", thumbnail: "30ba9cb8c7795d043219900e909406e04cd31ad5bc0c9e8ab2f060ace4c103b5", title: "Seattle temperature amplitude" }, { path: "@observablehq/plot-linear-regression-simpson", thumbnail: "d5a14a2e605c8f369709efb8a902f39a02d7f6fcc76e396e264c17ddc10d57ca", title: "Simpson’s paradox" }, { path: "@observablehq/plot-dot-plot", thumbnail: "aef0d7d593b82c743def329bb7412318d0c3724986920b2adde458edc1a44b78", title: "Dot plot" }, { path: "@observablehq/plot-background-image", thumbnail: "d6c59806540a55a34c55d4de78534e5eed2866179e6cc853b32f5cdf1a692f58", title: "Background image" }, { "path": "@observablehq/plot-image-dodge", "thumbnail": "fb530238de581aa731c6dc0b3e77d856c938ccde0b2bf5bb93d1598a99048832", "title": "Image dodge" }, { "path": "@observablehq/plot-image-medals", "thumbnail": "5456b5ee28dbb402f635913df381a18b9dea4bf4dd22c79441206b802ea413a8", "title": "Image medals" }, { "path": "@observablehq/plot-image-scatterplot", "thumbnail": "79317fe404814d747a5866f0ba5f345a7df40e6ea2d3d673b042270a613da378", "title": "Image scatterplot" }, { "path": "@observablehq/plot-image-scatterplot-2", "thumbnail": "92006adc0016cab6045c764a4214933f50a21b66db582c12104d7e3f659d382e", "title": "Default image scatterplot" }, { path: "@observablehq/plot-ordinal-scatterplot", thumbnail: "842ef747e99664a3325cf1f51a6493ece72337b2b0d8b7052c0be6d9cd5258e8", title: "Ordinal scatterplot" }, { path: "@observablehq/plot-dot-heatmap", thumbnail: "e1b1114265a38e3af8f54e161c4418e62646800b8d1f9247c445780fa4931899", title: "Dot heatmap" }, { path: "@observablehq/plot-olympians-hexbin", thumbnail: "b98073d0d004d151e5748b601c8ff07ae0bf3187c3576adc6a8fd3acd63e5719", title: "Hexbin heatmap" }, { path: "@observablehq/plot-hexbin-binwidth", thumbnail: "2d07ce9abbf7d59ae9006122cd31e8b74797390769e762b9d10b58571ec6e656", title: "Sized hexbin heatmap" }, { "path": "@observablehq/plot-hexbin-text", "thumbnail": "27fd575e9391b7103ac88a6d8d69e5423c2e6a39b330715e8d4e169dcc8077b4", "title": "Hexbin text" }, { "path": "@observablehq/plot-text-dodge", "thumbnail": "49f25697cb51e91497403747f75108c100b43520e45942b2ba1d8ebc15c54a90", "title": "Text dodge" }, { "path": "@observablehq/plot-text-spiral", "thumbnail": "894d3c28dfa1779c227d2b424202e2d89a64d2e43a45e650b6bad13272bfaceb", "title": "Text spiral" }, { "path": "@observablehq/plot-this-is-just-to-say", "thumbnail": "1502ba008e27d9bea1e94163e6ba0a1b7ea101f737986cb749d22ec34781b3fb", "title": "This is just to say" }, { path: "@fil/plot-voronoi-labels", thumbnail: "950ac2656c7685c5731c8f4b5d82dc9bbd0a1762b9a574b06f740caff58169c5", title: "Voronoi labels", }, { path: "@observablehq/plot-caltrain-schedule", thumbnail: "640954d6e89e2773ee076d6e3ede5147535c48393c513a42a03ee322680dab72", title: "Stem-and-leaf plot", }, { path: "@observablehq/plot-dodge-cars", thumbnail: "d6ecf581c7be04099f9dacfe796bb447b8ca4fbb985f38624a8afa48e50b1401", title: "Beeswarm (dodge)" }, { path: "@observablehq/plot-dodge-penguins", thumbnail: "5231c109756ce43ca3ec6da3fcc28df295a79a901470626654b965a13f9245e6", title: "Faceted dodge" }, { path: "@observablehq/plot-barley-trellis", thumbnail: "2a5050266ab43d7247790289e181e5d4f9f95389140e8972a415032084743a41", title: "Barley trellis" }, { path: "@observablehq/plot-two-dimensional-faceting", thumbnail: "0b024b56ad2a50355277fafbc2f66a1839d8257e548089bd33882f13b374e06d", title: "2D faceting" }, { path: "@observablehq/plot-non-faceted-marks", thumbnail: "19afc8cff8c705da3a9340bb0406ca3d413759ffe05a1158fbdb18f7290495e4", title: "2D faceting with non-faceted marks" }, { path: "@observablehq/plot-dot-bins", thumbnail: "0f32e315cf8831a063c42c7a59a8bb6601b1d8fe398d4788509cceeb278e2156", title: "Dot histogram" }, { path: "@observablehq/plot-wealth-health-nations", thumbnail: "13ccec36495197ae6ec4b38497f20452aff2a7a3253c411073a0b95595d72b5f", title: "The Wealth & Health of Nations" }, { path: "@observablehq/plot-dot-sort", thumbnail: "685ddf47c7cf75b64b00bec7afbfea46a412887a4f7eaef5c100eb45c2b9611b", title: "Dot sort" }, { path: "@observablehq/plot-us-bubble-map", thumbnail: "65f8b27765870ed02b48a4d6e8a50ee3e3aa07d96d54eb3559261cbd0654436b", title: "Bubble map" }, { path: "@observablehq/plot-isotype-chart", thumbnail: "69b78e2e46028f8fd44e780fc4be16b3eb509c7fb4d710fb67727d2a018e1923", title: "Isotype Chart" }, { path: "@observablehq/plot-anscombes-quartet", thumbnail: "0c9e16f1679a5b3fc9076a93164667c09b72834e272649408cb31a5e2a0acb90", title: "Anscombe’s quartet" }, ])}46:T1f7f,### Bar, Cell, Rect Represent data and aggregates with rectangular shapes. ${previews([ { path: "@observablehq/plot-horizontal-bar-chart", thumbnail: "ade33b88d883f30f670582a0e0ce7b5e7ebaf460d1ab70c32e36c6fbdfb55016", title: "Horizontal bar chart", }, { path: "@observablehq/plot-vertical-bar-chart", thumbnail: "93e7f37ec244398eac1bbedf74e66228b2e3f578ee329760a472187086997d5d", title: "Vertical bar chart", }, { path: "@observablehq/plot-grouped-bar-chart", thumbnail: "7d0a0830b672d2c7af7f115b37800f99982c71eb0428d6921fa724611ee94515", title: "Grouped bar chart", }, { path: "@observablehq/plot-olympians-grouped-bar-chart", thumbnail: "ac5ce0de42d5c9ee5c0d51120cadc9aae848a886024f895f178c5a0336d311f7", title: "Grouped bar chart 2" }, { path: "@observablehq/plot-state-population-change", thumbnail: "89a223b575a709b49e18a23bf456245d06cdba94ce4eac788ad559bcfb76d590", title: "Diverging bars" }, { path: "@observablehq/plot-diverging-stacked-bar", thumbnail: "b987f0a5b9d9233f48a8a7204eadefc697d838cd71a61a214ced252315481756", title: "Diverging stacked bars", }, { path: "@observablehq/plot-stacked-bars", thumbnail: "27c0211f5a956402bd2ae5f26d6c5fe526295129367897a0de1b9e39d3266466", title: "Stacked bars", }, { path: "@observablehq/plot-crimean-war-bary", thumbnail: "b910dd1410d2e17ae5102bd48b60d5507aa8f36c98c916d0655ad06482f4219b", title: "Stacked bars 2" }, { path: "@observablehq/plot-crimean-war-recty", thumbnail: "d76fcaf52eae83292e64c891683a53d71e7cb92dc4b8d2dae8cd3167d3228485", title: "Stacked rects" }, { path: "@observablehq/plot-vertical-bars-rotated-labels", thumbnail: "64104b1b337b49974ae556e1169f03832d66ad365cd54fb5137dfde5a527ea63", title: "Vertical bars, rotated labels", }, { path: "@observablehq/plot-horizontal-bar-chart-with-label", thumbnail: "99bf02b7b4c8f0c02f508d510a541910676cd061e4f7a894295baeae5232f26a", title: "Horizontal bars with a label", }, { path: "@observablehq/plot-horizontal-stacked-bars", thumbnail: "4b9545b7d3e9ac0be8229ad0910dc5827380739ca1416be5b08148ae2a9a905b", title: "Horizontal stacked bars", }, { path: "@observablehq/plot-ordinal-bar-chart", thumbnail: "5d855547c4a0a52f7370d3734144c5064484076ed6e46a3879df8315467e22ba", title: "Ordinal time bar chart", }, { path: "@observablehq/plot-ordinal-scale-interval", thumbnail: "40b09f1b436f0dcc0c1486543bf3a97c387f6fca9b68ba09931bc06f7998c335", title: "Ordinal scale interval" }, { path: "@observablehq/plot-temporal-bar-chart", thumbnail: "5fa664c7a47d63af14f9faff93a4065f55023090646e70d1350b5c2189875498", title: "Temporal bar chart", }, { path: "@observablehq/plot-bullet-graph", thumbnail: "082ef96d7d0c2431e683faf2f67c54ac0e66db1a47ddbf6e4cdcf846770f8592", title: "Bullet graph", }, { path: "@observablehq/plot-binned-box-plot", thumbnail: "2ed6d4fd17053d7559dbe6a06786e6860770835c03135b3def58cc002fbe7d00", title: "Binned box plot" }, { path: "@observablehq/plot-gradient-bars", thumbnail: "07646b41cde67e35cf565a007447e5d9c5b391fd47b825f9fa6ab60844cc9711", title: "Gradient bars" }, { path: "@observablehq/plot-colored-stacked-bar-chart", thumbnail:"c7e718fa3f1a5e370023467405c362ef797c5081f77faaca34ddf51034921e87", title: "Stacked unit chart" }, { path: "@observablehq/plot-civilizations-timeline", thumbnail: "b303cbe72926da30db63fc83134cf523b7a495637d6e82ecebd1c407ff8d4a08", title: "Civilizations timeline" }, { path: "@observablehq/plot-stacked-percentages", thumbnail: "fb20987f18660798bbd1ba6772a80a5c0b06dfe5479449c4f8d0e38887d1f15e", title: "Single stacked bar" }, { path: "@observablehq/plot-single-stacked-bar", thumbnail: "ba0176bb1f313ea621d8b6c9bbfcec42aa463d6a48f2665c1a5df530cdf894ee", title: "Single stacked bar 2" }, { path: "@observablehq/plot-warming-stripes", thumbnail: "78535f492a7f200337bf06b2d6faff7c09d1497e4961709711f6ef09ce52df2c", title: "Warming stripes", }, { path: "@observablehq/plot-normal-histogram", thumbnail: "8a4c889ec64e059268ac23ca3d2ab76e8322c220484460d44ce7e4a81efea61e", title: "Normal histogram", }, { path: "@observablehq/plot-vertical-histogram", thumbnail: "cb5ecba8b9b96ef78424d650370f610c5a163c18d81199f0fcbbca1bf2d6c33c", title: "Stacked histogram" }, { path: "@observablehq/plot-overlapping-histogram", thumbnail: "8fcd60e719b7e2ced45146d0212f2aeee977e33a4945c4fb64ff9bb3124dbae5", title: "Overlapping histograms", }, { path: "@observablehq/plot-highlighted-bin", thumbnail: "16b1c518ac6454669070d6db1cba93a81620945dda89eff0272786fe8293656c", title: "Highlighted bin", }, { path: "@observablehq/plot-prebinned-histogram", thumbnail: "5fcf3bdd844e785e3f9e28bbee8b734dac41bfd9241748fe762fe746a110f11c", title: "Pre-binned histogram" }, { path: "@observablehq/plot-cumulative-histogram", thumbnail: "b764ec206dbe1e4455b67223a57bb22ed293823d8638a1d63c8806ae2d3ff107", title: "Cumulative histogram", }, { path: "@observablehq/plot-percentogram", thumbnail: "423567baf7dcc96bef5e457a7c3f0482366afc43e1bfc4f45abf0eb823fefe1c", title: "Percentogram", }, { path: "@observablehq/plot-cumulative-distribution-of-poverty", thumbnail: "d0ee5f207bffd0c3fb2b1e445f9b4625c06851cea089df95df35683c2bd2d0d0", title: "Distribution of poverty" }, { path: "@observablehq/plot-impact-of-vaccines", thumbnail: "39cd7d11ed242493b5b81d44a2f5f57f846aa4a99187f70bb58e451d3985271c", title: "The Impact of Vaccines", }, { path: "@observablehq/plot-seattle-temperature-heatmap", thumbnail: "976a18992a813f2f1bd30e9e38fa0c2be02f4b21121441690fac864ba1aa481a", title: "Seattle temperature temporal heatmap", }, { path: "@observablehq/plot-sorted-heatmap", thumbnail: "7210d7767fa3020df912cf456590d0cef865a8660d687f13b05092d46718cd78", title: "Sorted heatmap" }, { path: "@observablehq/plot-simpsons-ratings", thumbnail: "93d308a3e31d9d985942702749a862dc728a6ec8b770bc94f04ec973d3fee155", title: "Simpsons IMDB ratings", }, { path: "@observablehq/plot-calendar", thumbnail: "6f21505d38b18afa00e6f56e931238a4ec871e601e6090c15337802e12da83a8", title: "Calendar", }, { path: "@observablehq/plot-dow-jones-calendar", thumbnail: "1c6ad18aba4ba0a4df196494c76d35e28703626da087fdae07ebfd90c0e437e4", title: "Simplified calendar" }, { path: "@fil/correlation-heatmap", thumbnail: "785baf611fced92d8f7b5ce7bc4675cd8a38ece8b67245a2672860a7e719f5f1", title: "Correlation heatmap", }, { "path": "@observablehq/plot-auto-mark-heatmap", "thumbnail": "2f804a40062f61d17cd81118cae584c45e9af32d8510052b4cbf1b1067414883", "title": "Auto mark, heatmap" }, { "path": "@observablehq/plot-auto-mark-heatmap-2", "thumbnail": "4fc1f97320a38c945cbaf6bac219223b2cd2046f50855e7d7cbeabdbc6bd5964", "title": "Auto mark, heatmap 2" }, { path: "@observablehq/plot-continuous-dimensions-heatmap", thumbnail: "efbd105dcfd25e917940f1442260af70afb56b3e0e1ec6b939dafe6cdc2d024b", title: "Heatmap (continuous)", }, { path: "@observablehq/plot-lebron-james-shots", thumbnail: "83c3452ba387e429e24a29677423128b1d0d57610d2d84953a4319ecb60eb37d", title: "Basketball shot chart", }, { path: "@observablehq/plot-marimekko", thumbnail: "fd4abc4116c5f2e1581289427d6891db5650e740ae89982ddc9cb6cbeca71f7d", title: "Marimekko chart", }, { path: "@observablehq/observable-plot-grid-choropleth", thumbnail: "dc22ff12ccb4d7db61e7ff81013ee5eeb7d54e159f7ebfcf052c8630b970a870", title: "Grid choropleth", }, { path: "@observablehq/plot-county-boxes", thumbnail: "8bd844f71757fcc5b5f5413f727c08f08bef1837bb4eadeab89f9b8bb0ac602a", title: "County bounding boxes" }, ])}47:T1e43,### Area, Line Connect series of data points. ${previews([ { path: "@observablehq/plot-simple-line-chart", thumbnail: "ef4f34fb646b7a14d0253593135b965444616ec208728bc952793615cbaba527", title: "Line chart" }, { path: "@observablehq/plot-multiple-line-chart", thumbnail: "219271fda54f32972614f46397e827a41b27c498cc7b4a389cef904ddbf86877", title: "Multi-line chart" }, { path: "@observablehq/plot-labeled-multi-line-chart", thumbnail: "9a688a4aefc6a2e7a46b165d7bb1099d2e1dfb690f8cc8409007185e4b9562ef", title: "Labeled multi-line chart" }, { path: "@observablehq/plot-index-chart", thumbnail: "a0b24e5482694db2ac1e53dacd0b71dbe530310df685f3adb922f0e100147fac", title: "Index chart" }, { path: "@observablehq/plot-gradient-encoding", thumbnail: "7ffaace7bcbf229df87f0ce2f3e51a7ee40b07723c14f6018411a542290dd21e", title: "Gradient encoding" }, { path: "@observablehq/plot-area-chart", thumbnail: "eda4cec5bff25598e93e7e020a249fc0b7c2314d2e37693d6845b6427105fbe4", title: "Area chart" }, { path: "@observablehq/plot-area-chart-with-gradient", thumbnail: "e2ae9f4cddffe1790723f0b4d660f6d2a1149e3803886c6413fdb9b5ebe8cc2b", title: "Area chart with gradient" }, { path: "@observablehq/plot-difference-chart", thumbnail: "793e500112154a703d9d48ac12065f91f8a79ad73aeced76f2dd39bc94ea7248", title: "Difference chart" }, { path: "@observablehq/plot-arealiney-custom-mark", thumbnail: "ed39c6068fbacb80f7035eac4584e3b9740babbd96c7923fecfba6fd81cc007e", title: "Area-line custom mark" }, { path: "@observablehq/plot-faceted-areas", thumbnail: "a9aa97b84ee7fe838b7a8ab95543f6218d5cac44340c07490489d00052d51617", title: "Faceted area chart" }, { path: "@observablehq/plot-random-walk", thumbnail: "fbeed75deaedbfb95e9edf81f81590e7fc9c80d511b0ed4407c909ceead295f0", title: "Random walk", }, { path: "@observablehq/plot-bollinger-bands", thumbnail: "6334fe704dc6a028c01dbaaffd37a516d3564e138de1973d14244799091be547", title: "Bollinger bands", }, { path: "@observablehq/plot-line-with-moving-average", thumbnail: "47bd1774de066b0b1e253df4283ec24d9caf228c6ac800c322028b7055b940b4", title: "Moving average" }, { path: "@observablehq/plot-line-chart-with-gaps", thumbnail: "7c654cc24acc9880ce95086a533f1afdf55989c4e5be75fc6416659c6de05fa7", title: "Line with missing data" }, { path: "@observablehq/plot-window-reduce", thumbnail: "b4364cce85fa2676a7652e49bd1665984d73b448a5d8dd6c536a63b9c98260d5", title: "Rolling min and max" }, { path: "@observablehq/plot-line-chart-percent-change", thumbnail: "6df62892110a22bcacc50e6bb7384b112599699234cf85bfac06532f11ff1930", title: "Line chart, percent change" }, { path: "@observablehq/plot-ridgeline", thumbnail: "0a54d17382e6fc4345a50b5585c035d0ed70f93bd83f79a66c5df2300d03987e", title: "Ridgeline plot" }, { path: "@observablehq/plot-psr-b1919-21", thumbnail: "b1445fc6f41a7c4e06ccbc034a02503099dcf3a3307df2fad5c967974925c0e2", title: "PSR B1919+21", }, { path: "@observablehq/plot-unemployment-horizon-chart", thumbnail: "fd62bde22e9ce6244ba129690c97abe62f252d1cbb0e48f4dd916d61a84c06c9", title: "Horizon chart" }, { path: "@observablehq/plot-horizon", thumbnail: "163fe6d2f5a43115a86d9f8aeb574c8d5c060d349e2c67577605933d98fa2bfc", title: "Horizon chart 2" }, { path: "@observablehq/plot-stacked-area-chart", thumbnail: "52823d6303c6508a041600c589e15509323edc08cc9bb29cb98aba57bc3f6100", title: "Stacked areas", }, { path: "@observablehq/plot-stacking-order-and-reverse", thumbnail: "9f1ef15609dbeff978a98b7e7666528ceb751870dcf4a814dae2e54b3afbaee2", title: "Stacking order" }, { path: "@observablehq/plot-population-pyramid", thumbnail: "437f230ee629e292ddd44add042b4ff8d32b407f908201f5094f443711d1ee77", title: "Population pyramid", }, { path: "@observablehq/plot-stack-offset", thumbnail: "546c9eec3800c4f35d7f467336b4ad8abc8517ed6e89ecf93db30b2c311cc523", title: "Wiggle streamgraph" }, { path: "@observablehq/plot-normalized-stack", thumbnail: "570bb8e9c79242a9355fc8d5521658852a2d44e576d756c997f45d84b33c1428", title: "Normalized stack" }, { path: "@observablehq/apportionment-of-seats-in-the-ep", thumbnail: "f1a6fb10b24143af44dc239929b05bdc60548b2aa196f7ff547888ba2e31c251", title: "Euro parliament seats", }, { path: "@observablehq/plot-ribbon-chart", thumbnail: "7092748596db07d3ccbb9a6cc54afa82a5a8101337a63f5df528cc8278fd9678", title: "Ribbon chart" }, { path: "@observablehq/plot-job-vacancies", thumbnail: "0346ad3b237d664dcae0c8619b723a382a852f8ddbd232d50eafa44141057811", title: "Job vacancies", }, { path: "@observablehq/plot-proportion-plot", thumbnail: "f1ced41a560e5ff078c975da1356d197a182eec5ba9fe1bfd5f0fd265cf3852f", title: "Proportion plot", }, { path: "@observablehq/plot-overlapping-density-estimations", thumbnail: "33853fc12e0a2aeb8dfd35b9f2bb7aa5ff04f450c91b600256a7ce7a83ef22dd", title: "Overlapping density estimations", }, { path: "@observablehq/plot-density-estimation", thumbnail: "b0e64c78129371f7f9df3015b72ec644aa8a23a6704626900a5cc219e3fdeaf7", title: "Continuous histogram", }, { path: "@observablehq/plot-variable-fill-area", thumbnail: "b1943a94617b37aa3f97f25302b9a38c2b4865fdb8ab29891989e263453513d8", title: "Variable fill area" }, { path: "@observablehq/plot-facet-wrap", thumbnail: "0c80dcd79c9cfd738ccb0fa9511980fd0c9dc22ed377d5b80179fb67d9c67067", title: "Facet wrap" }, { path: "@observablehq/plot-line-chart-with-markers", thumbnail: "9ce1d881d6fd6ce29ef1321f96e1bcf8b37beacdc9c8b784e02cfadd9cc7266d", title: "Line chart with markers" }, { path: "@observablehq/plot-non-temporal-line-chart", thumbnail: "9fb0082ae82d1024463b63b54d72322a89b9de53283f222094fd957e64e0f755", title: "Non-temporal line chart" }, { path: "@observablehq/plot-connected-scatterplot", thumbnail: "9845ca2a87c6d0ba433af6b7806f3cd2bc0b23e2b1d17c0d1e75aae300dcca31", title: "Connected scatterplot" }, { path: "@observablehq/plot-window-and-map", thumbnail: "868985554e919d1d48b3a9831b2cbbe03750694a0212038572da37476630ba5a", title: "Difference stroke" }, { path: "@observablehq/plot-spherical-line-with-a-varying-stroke", thumbnail: "7d76298876e7553d766151864e81b981df05ef518d76712e6ab89cfd0aa7c2c5", title: "Spherical line with a varying stroke" }, { path: "@observablehq/plot-area-chart-missing-data", thumbnail: "81973c95fe328fc4727b161c034a6950f632a5e15d305e0c0e00d8f65234939b", title: "Area chart, missing data" }, { path: "@observablehq/plot-radar-chart", thumbnail: "3fa7b8f1a544cb6114601dc014483dc391d4994a7b8868768105fa26e4975cf1", title: "Radar chart" }, { path: "@observablehq/plot-radar-chart-faceted", thumbnail: "0a0f3aab987fd4e95643413044cebd723458849e6862e10a82855d05ecd2e051", title: "Radar chart, small multiples" }, { path: "@observablehq/plot-slope-chart", thumbnail: "5ed9942ac157fffe73068f1691e266a803d60ac53e87a0bdbb3062c5ab3d1dbe", title: "Slope chart" }, { path: "@observablehq/plot-cancer-survival-rates", thumbnail: "5ed9942ac157fffe73068f1691e266a803d60ac53e87a0bdbb3062c5ab3d1dbe", title: "Slope chart II" }, { path: "@observablehq/plot-mareys-trains", thumbnail: "cc3e43c98a12ad094d07a1078393a55f684e4f7c1b37e91838062dda655440a4", title: "Marey’s trains" }, ])}48:T4ec,### Rule, Tick Trace horizontal and vertical lines. ${previews([ { path: "@observablehq/plot-candlestick-chart", thumbnail: "9566c3f12820c5c0f3ed6a5a50535de6bcbf8509743b297e4bbe7d5b65b8d828", title: "Candlestick chart", }, { path: "@observablehq/plot-band-chart-with-rule", thumbnail: "d787de3bf3871dce508765fd7d850847637abc6e65f31a7cf768ad69067172ad", title: "Band chart with rule" }, { path: "@observablehq/plot-lollipop", thumbnail: "59df4b25f878d27ca6612d737afd9259280d6701874cc44da0ddfe461ec35494", title: "Lollipop chart" }, { path: "@observablehq/plot-faceted-lollipop", thumbnail: "44801f2e1c5ee1fdd3aae08f02bf2eb962a5101054f457d4d4f7045411bdb603", title: "Faceted lollipop", }, { "path": "@observablehq/plot-bar-and-tick", "thumbnail": "81fee4e71a210b8e82311f7cb1a163f521abc0fe68f313d73f612b1887ee99d2", "title": "Bar and tick" }, { path: "@observablehq/plot-barcode", thumbnail: "26bbc03b9e6e555e4574d5027494cf14aa10c23701250fdf664fd4ccda080b0c", title: "Barcode chart" }, { path: "@observablehq/plot-sorted-groups", thumbnail: "08ac1351d4af78f7f5356c260d90d48ff7a9d8b6aaf7024fdf81a07c93e90cba", title: "Germany traffic patterns" } ])} 49:Tb17,### Geo Make maps of the world, a country, or even a house. ${previews([ { "path": "@observablehq/plot-floor-plan", "thumbnail": "3d9cf027e3aa896736710a3d2dcfde7d96be78b1df26bed161bd3cd098f81f1b", "title": "Floor plan" }, { "path": "@observablehq/plot-polar-projection", "thumbnail": "1174b538d5310000dcbdf875b472aea980f34e069135afad8212df3e33066e22", "title": "Polar projection" }, { "path": "@observablehq/plot-map-small-multiples", "thumbnail": "31a7887ea6d5f37ce19a06c49ed2826f62efe5a6a415e2d26bab5d4220a93969", "title": "Map small multiples" }, { "path": "@observablehq/plot-projection-domain", "thumbnail": "eb9e15a36ba10f9f83e67444d8adbb086ad1dd1638bbb072789176f5d268fd51", "title": "projection domain" }, { "path": "@observablehq/plot-albers-usa-projection", "thumbnail": "9ac31238310384ede7407f048e0e3dc50d05687744fdc214b2c297846cfbe90c", "title": "Albers-USA projection" }, { "path": "@observablehq/plot-world-projections", "thumbnail": "9e142f9c7f8e7dcf9ae252aa182e8d259208b6c7ef277a3d5b30c0f2ca16b802", "title": "World projections" }, { "path": "@observablehq/plot-earthquake-globe", "thumbnail": "e5c32cbbc0a890983481077c2a4c1fb8fb28d90eb8d2fdd78af7cf9a9b18f8f1", "title": "Earthquake globe" }, { "path": "@observablehq/plot-hexbin-map", "thumbnail": "f822870336529e6993c6df6c00f00a1cd2f4455001f10916e95fcc0dfe853511", "title": "Hexbin map" }, { "path": "@observablehq/plot-centroid-hexbin", "thumbnail": "8ca8629c4d67d45e6f705946c9331e948945025be848ae3839b88d239d1ce419", "title": "Centroid hexbin" }, { "path": "@observablehq/plot-centroid-dot", "thumbnail": "a3dd6a6a3abf09f6598c734fab456ace9efdf53769f296ecaf095867dfc47fe4", "title": "Centroid dot" }, { "path": "@observablehq/plot-state-labels", "thumbnail": "3b6d1c9648a93174858ede23682a74e863e91a5dcf20fdd5771d40da141db248", "title": "State labels" }, { "path": "@observablehq/plot-state-centroids", "thumbnail": "93e12d813ea14f6f9095a8cd9a29c3ef931ac70022460a1c5c194fb830ce40e2", "title": "State centroids" }, { "path": "@observablehq/plot-v-counties", "thumbnail": "0141742839f0d94b21b34260b3e1a946cc69dec6ea1245cec0a0bd5ddc696748", "title": "V-Counties" }, { path: "@observablehq/plot-shockwave", thumbnail: "00c70c855400bcde96d167737ba56e46c9760cd23a2298b746613973e7d7e7f7", title: "Shockwave" }, { path: "@observablehq/plot-choropleth", thumbnail: "382f6e9e7e999b74e07c4c9043f6bdf12e9c80d836150c7031f462e7ffa880a7", title: "Choropleth" }, { path: "@observablehq/plot-bivariate-choropleth", thumbnail: "bf1285d85b80e96996b6f593fad05c1dc9101fac7953cb9e26da336f178ad75b", title: "Bivariate choropleth" } ])}4a:T94d,### Arrow, Link, Tree, Vector Display movement, variation, and hierarchical structures. ${previews([ { "path": "@observablehq/plot-finite-state-machine", "thumbnail": "52bd6f6068c77f47ed3027e84228f2ee2dcd053de0711ab987fb78af940b4b23", "title": "Finite state machine" }, { "path": "@observablehq/plot-arc-diagram", "thumbnail": "0f494f8fe2b81adec0116ddf18b64c619b73645356a173d3413a67e5f1743df4", "title": "Arc diagram" }, { "path": "@observablehq/plot-arrow-variation-chart", "thumbnail": "2751fd9e3dee9573e1b8d2786a7c12efbec31a1027a0fdaa93957832977b16ec", "title": "Arrow variation chart" }, { "path": "@observablehq/plot-difference-arrows", "thumbnail": "e1be329fb61e5604aeb58e186bb0d6096c797f201e34ef16f1f7e98948bb6ab2", "title": "Difference arrows" }, { "path": "@observablehq/plot-trellis-anomaly", "thumbnail": "c02c2303bb631ee989c48400963e94f78b91d4fe854934e5d50ac12a644fc3ca", "title": "Barley Trellis plot with arrows" }, { "path": "@observablehq/plot-phases-of-the-moon", "thumbnail": "d1b7f9ceacfff2bcd001aff253b5c75542e12802409ca12c9e3e59256d993257", "title": "Phases of the moon" }, { path: "@observablehq/plot-spike", thumbnail: "56a0f980bbc775244c23d86b1ba1f8fa6f0b6e932cb66f6b69d2468fc61462b5", title: "Spike map" }, { "path": "@observablehq/plot-wind-map", "thumbnail": "c7858f464afb2f045aad2393754850b45305c48f52f714279a6e78ecce884f42", "title": "Wind map" }, { "path": "@observablehq/plot-election-wind-map", "thumbnail": "43dad65302332cd37be6e5f328c401b7d12f1b3c01c1fbe0fb4a67b0a7482b45", "title": "Election wind map" }, { "path": "@observablehq/plot-tree-tidy", "thumbnail": "43649df1a5cff7b300e5da1617900695b01a9344deb025c739906fa7a8527630", "title": "Tree, tidy" }, { "path": "@observablehq/plot-cluster-diagram", "thumbnail": "e633d924d2368a524727bc4f1cd1c1ca7415a1be6f76ba0b6813b65b2da66af3", "title": "Cluster diagram" }, { "path": "@observablehq/plot-custom-tree-layout", "thumbnail": "71559b40d98a7c9dc637a20ff4f040ab2a8447292e008b743646a45b5af48f94", "title": "Indented tree diagram" }, { "path": "@observablehq/plot-perlin-noise", "thumbnail": "f001de4a599baa2ccc356fef5053b14a3f085e03d5551d47623c996dfd8f14ca", "title": "Perlin noise" }, ])}4b:Tfcf,### Contour, Raster, Density Draw images from functions or sample points. ${previews([ { path: "@observablehq/plot-function-contour", thumbnail: "ca92fd3cd3d50e1a943b3136f8211c5db2d253a4894bb5d12f8c98d0686b8854", title: "Function contour", }, { path: "@observablehq/plot-faceted-function-contour", thumbnail: "7f9ceb8f8346683c88977521a605bb61622e05de264e964c55eadb0f06c949ac", title: "Faceted function contour", }, { path: "@observablehq/plot-mandelbrot-set", thumbnail: "3535e92b8a5e0297d055f68e68bf4d28f73fd0f6ec95455b02c971aafa616f9b", title: "Mandelbrot set", }, { path: "@observablehq/plot-log-heatmap", thumbnail: "1b7958e5efb42c87c5c142832d29dd0d1bc011867961e9f237c7759bb0e9d1ba", title: "Log heatmap", }, { "path": "@observablehq/plot-volcano-raster", "thumbnail": "c5afdf1607e6e7275c28c93c0bdbd254a4961a5882b4d9e7fa79b68ccee323ac", "title": "Volcano raster" }, { "path": "@observablehq/plot-function-contour-2", "thumbnail": "63cf8ec63abe37671d6a6038b278081f7693594ac3d2aa4be30967f6a4febdb4", "title": "Function contour 2" }, { "path": "@observablehq/plot-contours-projection", "thumbnail": "7c4ace61a7c6e0faf44a3a2a876a6223a2c858688656e45938fee7874869076b", "title": "Contours & projection" }, { "path": "@observablehq/plot-blurred-contours", "thumbnail": "77875f0cb3526913399da4551d4a1b35a5e82bc8eafec81b3e25c57cb68b34cb", "title": "Blurred contours" }, { "path": "@observablehq/plot-igrf90-contours", "thumbnail": "8784d0ea2dbfdfd041e3b21849aaf403661413eb30e4563232c5f2d8ea4dca91", "title": "IGRF90 contours" }, { "path": "@observablehq/plot-small-grid-contours", "thumbnail": "9b4c30329c78e05f3df9cd15c2068eae1acc774fc474d722dc47a7b864e5134a", "title": "Small grid contours" }, { "path": "@observablehq/plot-filled-contours", "thumbnail": "d9942e38deb37a25e611284883b124a047cc864c99cb33b30a96795eae081f00", "title": "Filled contours" }, { "path": "@observablehq/plot-stroked-contours", "thumbnail": "a80e2943f600e626401c63bf74f60133d9add3a5da5b55c88478aa914aa14021", "title": "Stroked contours" }, { "path": "@observablehq/plot-olympians-density", "thumbnail": "135881f839e42149003c12b08d05d2c2f308e99587b4e9ed97aaec763a8a7edf", "title": "Olympians density" }, { "path": "@observablehq/plot-density-weighted", "thumbnail": "9857acf17131e2dec8d508790ab028e730a646a4ac01313bf1c4a28fd7300e92", "title": "Density skew (weight) interactive" }, { "path": "@observablehq/plot-density-faceted", "thumbnail": "75c3281e7e3e3501dba0d7e7a1de3d45373f6c0f8b04df664650910675c7aac9", "title": "Density, faceted" }, { "path": "@observablehq/plot-walmart-density", "thumbnail": "f058708187a5504992e63080fb3e1bd200c930dd39ead635a5c97db177ea7e16", "title": "Walmart density" }, { "path": "@observablehq/plot-density-stroke", "thumbnail": "6745208453a5d78eed7706f45830857bdb3bd9cd3a90e74b23202478bfa830d5", "title": "Density stroke" }, { "path": "@observablehq/plot-raster-projection", "thumbnail": "e35a31e4e46965ed5676d5bbc0f2188dcfa658206d6b1f61a51a8b8a147c7bb3", "title": "Projected raster: vapor" }, { "path": "@observablehq/plot-one-dimensional-density", "thumbnail": "10e4efff34e7c41d03b0e5a5ea162c811764d093d357b65cba7b65cbfa3550e5", "title": "One-dimensional density" }, { "path": "@observablehq/plot-density-options", "thumbnail": "696cb27362f019756816a6761c2887cac09ffcedbe1a4d7d98154e89585c587d", "title": "Density options" }, { "path": "@observablehq/plot-point-cloud-density", "thumbnail": "574481d5072de6c8de778d35fa6d2b201a1a9a8658b877f586f7a7faaaf5114b", "title": "Point cloud density" }, { "path": "@observablehq/plot-non-overlapping-density-regions", "thumbnail": "6e800108cc47159032a5a70e10bca46787f85edd0ca06db4d99600be8e9d73dd", "title": "Non-overlapping density regions" }, ])} 4c:T590,### Axes Help the reader interpret the meaning of the position encodings. ${previews([ { "path": "@observablehq/plot-wrap-tick-labels", "thumbnail": "6f1f16e96bb4f56e1dec09932a006ea8ac88d47015645a8d4da30f05a92478fc", "title": "Axis with wrapped labels" }, { "path": "@observablehq/plot-ggplot2-style-axes", "thumbnail": "cb28a51009fd80a95b0e9e689be70a26905e81a9990898f8c8aca6987ce7d73a", "title": "ggplot2-style axes" }, { "path": "@observablehq/plot-datawrapper-style-date-axis", "thumbnail": "c4fa1e5f3219ace83b53eeb28f0724a01627862fb893f3f245ada771bc58b4e9", "title": "Datawrapper-style date axis" }, { "path": "@observablehq/plot-nyt-style-axes", "thumbnail": "ee4672a47ac8437b2284a7de8b8989c4d186ce7a059e28f86d4e14aef67f1c0f", "title": "New York Times-style axes" }, { "path": "@observablehq/plot-data-based-axis", "thumbnail": "d7871687abeacf217967b7f90084a94903efe7c924c51566be63ef900e460341", "title": "Data-based axis" }, { "path": "@observablehq/plot-major-and-minor-axis-ticks", "thumbnail": "29c70e1b703a71ab7a160f2746a95559027adea76d8ee3b7992e6f3327300af6", "title": "Major and minor axis ticks" }, { path: "@observablehq/plot-parcoords", thumbnail: "27939e35db5f8b75d3c06bdee7604ec7dbe287e2014f10eb0d7abd02d4c9ebd3", title: "Parallel coordinates" }, ])} 4d:T521,### Delaunay, Voronoi Derive neighborhoods from point clouds. ${previews([ { "path": "@observablehq/plot-delaunay-links", "thumbnail": "79b06c647360b5d61d6f6040ddf8f807707217b346c90ce6feafd025b0c5b0e7", "title": "Delaunay links" }, { "path": "@observablehq/plot-voronoi-scatterplot", "thumbnail": "ada53ed03b2bfa058fed79efa9e26b87b47ce4187db78a0e90a9f901e2662ef9", "title": "Voronoi scatterplot" }, { path: "@observablehq/plot-delaunay-hull", thumbnail: "ab737a8a6abb21388f8283c06bf12580f5dcee5bcb5e935386ed07cd4594dcaf", title: "Delaunay & hull", }, { path: "@observablehq/plot-voronoi-map", thumbnail: "c47e07becc70aeb01810f51073ce046516902608e683af4f309f95733235dfea", title: "Voronoi map" }, { "path": "@observablehq/plot-walmart-voronoi", "thumbnail": "3df200dee1f20bc8cc811e8e6ad4c8196b2151e2f1d8f9bca6cc1a1221b022e7", "title": "Walmart Voronoi" }, { "path": "@observablehq/plot-centroid-voronoi", "thumbnail": "da342880bbe9099c41c30cee4d87743d95d0e4992dbb7457e778e447d9107b2b", "title": "Centroid Voronoi" }, { "path": "@visionscarto/planar-vs-spherical-voronoi", "thumbnail": "4af748db7bf64a59d71b6041eebc92e2c169b121dea9ac2bf693d31f3823c0ad", "title": "Planar vs. spherical Voronoi" }, ])} 4e:Tcdf,### Tips and interactions Move the mouse on a chart for direct manipulation of data. ${previews([ { "path": "@observablehq/scatterplot-with-interactive-tips", "thumbnail": "778a4b814d5e3c5e5d79b7040b462aea70f47f6ecd35902591890ac8861b7dd2", "title": "Scatterplot with interactive tips" }, { "path": "@observablehq/plot-crosshair", "thumbnail": "2ab0ec29f4b59db2d28e02be624d51203a91ddd29cfae865bb43ecce034c1e92", "title": "Crosshair" }, { "path": "@observablehq/plot-crosshairx", "thumbnail": "6ff52ab3b12e9bbccb15bd764be2b9c7ac13affc2151a7ffed6f30506bbff599", "title": "CrosshairX" }, { "path": "@observablehq/plot-one-dimensional-crosshair", "thumbnail": "b8d9be1232c884247f7d69f0106f1bfe8d717d07e4a0c9af4dc412d42f936ddc", "title": "One-dimensional crosshair" }, { "path": "@observablehq/plot-color-crosshair", "thumbnail": "1b409d24b253f30b347dfbd69d65c017316e6a9f666515256871f2dd8c55edd1", "title": "Color crosshair" }, { "path": "@observablehq/plot-pointer-transform", "thumbnail": "7733ea3cd422f7ec343ab27e0395f10fd58d3a69a924137833d095c62897bcbf", "title": "Pointer transform" }, { "path": "@observablehq/plot-pointer-modes-x-y-and-xy", "thumbnail": "2f7bb31a7dddff30b65c6339090ab7d125875851883708fd685341286b312247", "title": "Pointer modes (x, y, and xy)" }, { "path": "@observablehq/plot-multi-series-line-chart-interactive-tips", "thumbnail": "0150dc47b96898b551d96ec39be8bd13ca7bc59e4010e4d21ec09070d186c2b5", "title": "Multi-series line chart, interactive tips" }, { "path": "@observablehq/plot-one-dimensional-pointing", "thumbnail": "0f4af803988e75c94704a0a230ba6143e65e97ba5ee5026728160648bd11b55d", "title": "One-dimensional pointing" }, { "path": "@observablehq/plot-pointer-target-position", "thumbnail": "e9d00058d09a078eac692cc95e761d88db99009a13ac75bd630341772825ba59", "title": "Pointer target position" }, { "path": "@observablehq/plot-line-chart-interactive-tip", "thumbnail": "902ed73d948373e04fb5f7ca6516547a917a61208552b25211e9752dd1ecb2b2", "title": "Line chart, interactive tip" }, { "path": "@observablehq/plot-static-annotations", "thumbnail": "da0cfe0616a4e6bdfd50434de65f8a82d20c88b5e8161f52ae5f3381c086e5fb", "title": "Static annotations" }, { "path": "@observablehq/plot-tips-longer-text", "thumbnail": "d192bd19a254a30d01706970a62bee75633b980203bbfd422c7ea8d136d52d90", "title": "Interactive tips with longer text" }, { "path": "@observablehq/plot-tips-additional-channels", "thumbnail": "ad759f886d99725bab1234954775062e3e13939a565cfdef12f133bc5dd0d770", "title": "Interactive tips with additional channels" }, { "path": "@observablehq/plot-tip-format", "thumbnail": "cc369125a9b9df090dd4eddaaa829322d6706c83f089459d1fdc7ebc6b47b92d", "title": "Tip format" }, { "path": "@observablehq/plot-tips-paired-channels", "thumbnail": "fb4b902119da39a892d0d05409b9257c8c29e963db1b5bd318f7eb0a270cf98f", "title": "Tips, paired channels" }, { "path": "@observablehq/plot-maps-tips", "thumbnail": "aedcf527eb29d9afc5f6aae31f130600fd1cb3694024b0cabaeee48b838fc884", "title": "Map and tips" }, ])} 4f:[] 43:{"id":"7fa42f5c03922d36","slug":null,"title":"Plot Gallery","thumbnail":"0cbcdbd97750a8b6d45bcab45a576d7fd796fbec41179e2756efc37571769538","access_level":"public","create_time":"$D2023-10-30T08:20:09.368Z","update_time":"$D2023-10-30T08:20:09.368Z","view_time":null,"first_public_time":"$D2023-10-30T08:20:09.368Z","has_unpublished_edits":null,"fork":{"id":"85c5b30549f006e8","slug":"plot-gallery","title":"Plot Gallery","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"stars":0,"starred":false,"owner":{"type":"team","id":"e72f027c6e802fe8","login":"thanatos1111","name":"Yu Ji's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/499e6fc1676701b9732227ce52ca9de9a5bc96e03257abb039fc598e09f0f0be","tier":"starter_2024","bio":"","following":false},"version":924,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"16ddb7facf80c061","login":"yu-ji","name":"Yu Ji","avatar_url":"https://avatars-next.observableusercontent.com/d4fa71970ba29aec9de7a1d321ca3dc33e461327e1a1dac7811a172ec18b7a0d","tier":null,"bio":"Javascript Newbie","following":false}],"members":[{"type":"team","id":"e72f027c6e802fe8","login":"thanatos1111","name":"Yu Ji's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/499e6fc1676701b9732227ce52ca9de9a5bc96e03257abb039fc598e09f0f0be","tier":"starter_2024","role":"editor"},{"type":"individual","id":"16ddb7facf80c061","login":"yu-ji","name":"Yu Ji","avatar_url":"https://avatars-next.observableusercontent.com/d4fa71970ba29aec9de7a1d321ca3dc33e461327e1a1dac7811a172ec18b7a0d","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Plot Gallery","cells":[{"id":0,"value":"# Plot Gallery\n\nHere are a selection of [Observable Plot](/plot) examples.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":193,"value":"$45","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"dot","database":"$undefined"},{"id":20,"value":"$46","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"bar","database":"$undefined"},{"id":39,"value":"$47","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"area","database":"$undefined"},{"id":73,"value":"$48","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"rule","database":"$undefined"},{"id":245,"value":"$49","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"geo","database":"$undefined"},{"id":180,"value":"$4a","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"arrow","database":"$undefined"},{"id":184,"value":"$4b","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"contour","database":"$undefined"},{"id":695,"value":"$4c","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"axes","database":"$undefined"},{"id":215,"value":"$4d","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"delaunay","database":"$undefined"},{"id":847,"value":"$4e","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"interaction","database":"$undefined"},{"id":5,"value":"---\n\n## Appendix\n\nThe code below powers the gallery above.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":8,"value":"function previews(notebooks) {\n return htl.html`

${notebooks.map(preview)}

`;\n}","pinned":true,"hidden":true,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"function preview({path, title, author = \"Observable\", thumbnail}) {\n return htl.html` event.currentTarget.firstElementChild.style.borderColor = \"#1b1e23\"} onmouseout=${event => event.currentTarget.firstElementChild.style.borderColor = \"#e8e8e8\"}>\n

\n`;\n}","pinned":true,"hidden":true,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4f","stdlib":"1"}} 44:"$43:body"