27:null 28:["$","title",null,{"children":"Plot Gallery | Xavier SENENTE | Observable"}] 2d:T635,## Déviation ${previews([ { path: "@observablehq/plot-diverging-color-scatterplot", thumbnail: "6cf5129bf02927ab3aee64fc796c6b518a6ba83ba6d44aa0d8c9713240354c6d", type: "Plot", title: "Diverging color scatterplot" }, { path: "@observablehq/plot-state-population-change", thumbnail: "89a223b575a709b49e18a23bf456245d06cdba94ce4eac788ad559bcfb76d590", type: "Plot", title: "Diverging bars" }, { path: "@observablehq/plot-diverging-stacked-bar", thumbnail: "b987f0a5b9d9233f48a8a7204eadefc697d838cd71a61a214ced252315481756", type: "Plot", title: "Diverging stacked bars", }, { path: "@observablehq/plot-bullet-graph", thumbnail: "082ef96d7d0c2431e683faf2f67c54ac0e66db1a47ddbf6e4cdcf846770f8592", type: "Plot", title: "Bullet graph", }, { path: "@observablehq/plot-difference-chart", thumbnail: "793e500112154a703d9d48ac12065f91f8a79ad73aeced76f2dd39bc94ea7248", type: "Plot", title: "Difference chart" }, { path: "@observablehq/plot-slope-chart", thumbnail: "5ed9942ac157fffe73068f1691e266a803d60ac53e87a0bdbb3062c5ab3d1dbe", type: "Plot", title: "Slope chart" }, { "path": "@observablehq/plot-arrow-variation-chart", "thumbnail": "2751fd9e3dee9573e1b8d2786a7c12efbec31a1027a0fdaa93957832977b16ec", type: "Plot", "title": "Arrow variation chart" }, { "path": "@observablehq/plot-difference-arrows", "thumbnail": "e1be329fb61e5604aeb58e186bb0d6096c797f201e34ef16f1f7e98948bb6ab2", type: "Plot", "title": "Difference arrows" }, ])}2e:T60d,## Corélation ${previews([ { path: "@observablehq/plot-scatterplot/2", thumbnail: "73b5f9c3c63c3a34a435a11f0b180daa7da76e79f7dc87517c77a6b04cd9f1bd", type: "Plot", title: "Scatterplot" }, { path: "@observablehq/color-scatterplot", thumbnail: "9169a799a9fec51bac5e040ddbe670bd7fd546bae43ee1f358898b50aa054e1b", type: "Plot", title: "Scatterplot with color" }, { path: "@observablehq/plot-symbol-channel", thumbnail: "947b5da52f15277cc600651fdacd8a28a0535a9f19fab58f372a9d3736b46bd0", type: "Plot", title: "Symbol scatterplot" }, { path: "@observablehq/plot-ordinal-scatterplot", thumbnail: "842ef747e99664a3325cf1f51a6493ece72337b2b0d8b7052c0be6d9cd5258e8", type: "Plot", title: "Ordinal scatterplot" }, { path: "@observablehq/plot-anscombes-quartet", thumbnail: "0c9e16f1679a5b3fc9076a93164667c09b72834e272649408cb31a5e2a0acb90", type: "Plot", title: "Anscombe’s quartet" }, { path: "@fil/correlation-heatmap", thumbnail: "785baf611fced92d8f7b5ce7bc4675cd8a38ece8b67245a2672860a7e719f5f1", type: "Plot", title: "Correlation heatmap", }, { path: "@observablehq/plot-connected-scatterplot", thumbnail: "9845ca2a87c6d0ba433af6b7806f3cd2bc0b23e2b1d17c0d1e75aae300dcca31", type: "Plot", title: "Connected scatterplot" }, { path: "@observablehq/plot-parcoords", thumbnail: "27939e35db5f8b75d3c06bdee7604ec7dbe287e2014f10eb0d7abd02d4c9ebd3", type: "Plot", title: "Parallel coordinates" }, ])}2f:T91b,## Distribution ${previews([ { path: "@observablehq/plot-stacked-dots", thumbnail: "a8db51ea280c2fddbb3c6974b5cd386d1f44dfcfd509024da3500ba54e60c689", type: "Plot", title: "Stacked dots" }, { path: "@observablehq/plot-dot-plot", thumbnail: "aef0d7d593b82c743def329bb7412318d0c3724986920b2adde458edc1a44b78", type: "Plot", title: "Dot plot" }, { path: "@observablehq/plot-population-pyramid", thumbnail: "437f230ee629e292ddd44add042b4ff8d32b407f908201f5094f443711d1ee77", type: "Plot", title: "Population pyramid", }, { path: "@observablehq/plot-dodge-cars", thumbnail: "d6ecf581c7be04099f9dacfe796bb447b8ca4fbb985f38624a8afa48e50b1401", type: "Plot", title: "Beeswarm (dodge)" }, { path: "@observablehq/plot-dot-bins", thumbnail: "0f32e315cf8831a063c42c7a59a8bb6601b1d8fe398d4788509cceeb278e2156", type: "Plot", title: "Dot histogram" }, { path: "@observablehq/plot-binned-box-plot", thumbnail: "2ed6d4fd17053d7559dbe6a06786e6860770835c03135b3def58cc002fbe7d00", type: "Plot", title: "Binned box plot" }, { path: "@observablehq/plot-normal-histogram", thumbnail: "8a4c889ec64e059268ac23ca3d2ab76e8322c220484460d44ce7e4a81efea61e", type: "Plot", title: "Normal histogram", }, { path: "@observablehq/plot-vertical-histogram", thumbnail: "cb5ecba8b9b96ef78424d650370f610c5a163c18d81199f0fcbbca1bf2d6c33c", type: "Plot", title: "Stacked histogram" }, { path: "@observablehq/plot-overlapping-histogram", thumbnail: "8fcd60e719b7e2ced45146d0212f2aeee977e33a4945c4fb64ff9bb3124dbae5", type: "Plot", title: "Overlapping histograms", }, { path: "@observablehq/plot-prebinned-histogram", thumbnail: "5fcf3bdd844e785e3f9e28bbee8b734dac41bfd9241748fe762fe746a110f11c", type: "Plot", title: "Pre-binned histogram" }, { path: "@observablehq/plot-cumulative-histogram", thumbnail: "b764ec206dbe1e4455b67223a57bb22ed293823d8638a1d63c8806ae2d3ff107", type: "Plot", title: "Cumulative histogram", }, { "path": "@observablehq/plot-non-overlapping-density-regions", "thumbnail": "6e800108cc47159032a5a70e10bca46787f85edd0ca06db4d99600be8e9d73dd", type: "Plot", "title": "Non-overlapping density regions" }, ])}30:T5d8,## Spatial ${previews([ { path: "@observablehq/plot-dot-sort", thumbnail: "685ddf47c7cf75b64b00bec7afbfea46a412887a4f7eaef5c100eb45c2b9611b", type: "Plot", title: "Dot sort" }, { path: "@observablehq/plot-us-bubble-map", thumbnail: "65f8b27765870ed02b48a4d6e8a50ee3e3aa07d96d54eb3559261cbd0654436b", type: "Plot", title: "Bubble map" }, { path: "@observablehq/plot-choropleth", thumbnail: "382f6e9e7e999b74e07c4c9043f6bdf12e9c80d836150c7031f462e7ffa880a7", type: "Plot", title: "Choropleth" }, { path: "@observablehq/plot-bivariate-choropleth", thumbnail: "bf1285d85b80e96996b6f593fad05c1dc9101fac7953cb9e26da336f178ad75b", type: "Plot", title: "Bivariate choropleth" }, { path: "@observablehq/plot-spike", thumbnail: "56a0f980bbc775244c23d86b1ba1f8fa6f0b6e932cb66f6b69d2468fc61462b5", type: "Plot", title: "Spike map" }, { path: "@observablehq/plot-election-wind-map", thumbnail: "43dad65302332cd37be6e5f328c401b7d12f1b3c01c1fbe0fb4a67b0a7482b45", type: "Plot", title: "Election wind map" }, { path: "@observablehq/plot-walmart-density", thumbnail: "f058708187a5504992e63080fb3e1bd200c930dd39ead635a5c97db177ea7e16", type: "Plot", title: "Walmart density" }, { path: "@observablehq/plot-world-projections", thumbnail: "9e142f9c7f8e7dcf9ae252aa182e8d259208b6c7ef277a3d5b30c0f2ca16b802", type: "Plot", title: "World projections" }, ])}31:T424,## Part to whole ${previews([ { path: "@observablehq/plot-stacked-waffles", thumbnail: "c5f46d8740ba3cbe08ea42eabbadb3f4b1e6da5207d10f9d95d97bab9e3e05c7", type: "Plot", title: "Stacked waffles" }, { path: "@observablehq/plot-survey-waffle", thumbnail: "c82ed65e55d9d71c9361c1fcab0a07410fd4d60bc225460ebebfba7fb3f9153f", type: "Plot", title: "Survey waffle" }, { path: "@observablehq/plot-marimekko", thumbnail: "fd4abc4116c5f2e1581289427d6891db5650e740ae89982ddc9cb6cbeca71f7d", type: "Plot", title: "Marimekko chart", },{ path: "@observablehq/plot-proportion-plot", thumbnail: "f1ced41a560e5ff078c975da1356d197a182eec5ba9fe1bfd5f0fd265cf3852f", type: "Plot", title: "Proportion plot", }, { path: "@d3/sunburst/2", thumbnail: "5d33e22bc8da09a4495d5bfe0ff207610f2249dc33cbb98505058a4960e8d668", type: "D3", title: "Sunburst" }, { path: "@d3/treemap/2", thumbnail: "278516556172557a945111e81e0996b1e461364bc1402c57e412a33597d2f014", title: "Treemap" }, ])}32:T6c1,## Ranking ${previews([ { path: "@observablehq/plot-horizontal-bar-chart", thumbnail: "ade33b88d883f30f670582a0e0ce7b5e7ebaf460d1ab70c32e36c6fbdfb55016", type: "Plot", title: "Horizontal bar chart", }, { path: "@observablehq/plot-vertical-bar-chart", thumbnail: "93e7f37ec244398eac1bbedf74e66228b2e3f578ee329760a472187086997d5d", type: "Plot", title: "Vertical bar chart", }, { path: "@observablehq/plot-grouped-bar-chart", thumbnail: "7d0a0830b672d2c7af7f115b37800f99982c71eb0428d6921fa724611ee94515", type: "Plot", title: "Grouped bar chart", }, { path: "@observablehq/plot-candlestick-chart", thumbnail: "9566c3f12820c5c0f3ed6a5a50535de6bcbf8509743b297e4bbe7d5b65b8d828", type: "Plot", title: "Candlestick chart", }, { path: "@observablehq/plot-lollipop", thumbnail: "59df4b25f878d27ca6612d737afd9259280d6701874cc44da0ddfe461ec35494", type: "Plot", title: "Lollipop chart" }, { path: "@observablehq/plot-faceted-lollipop", thumbnail: "44801f2e1c5ee1fdd3aae08f02bf2eb962a5101054f457d4d4f7045411bdb603", type: "Plot", title: "Faceted lollipop", }, { "path": "@observablehq/plot-bar-and-tick", "thumbnail": "81fee4e71a210b8e82311f7cb1a163f521abc0fe68f313d73f612b1887ee99d2", type: "Plot", "title": "Bar and tick" }, { path: "@observablehq/plot-barcode", thumbnail: "26bbc03b9e6e555e4574d5027494cf14aa10c23701250fdf664fd4ccda080b0c", type: "Plot", title: "Barcode chart" }, { path: "@observablehq/plot-sorted-groups", thumbnail: "08ac1351d4af78f7f5356c260d90d48ff7a9d8b6aaf7024fdf81a07c93e90cba", type: "Plot", title: "Germany traffic patterns" } ])}33:T8fe,## Change v time ${previews([ { path: "@observablehq/plot-temporal-bar-chart", thumbnail: "5fa664c7a47d63af14f9faff93a4065f55023090646e70d1350b5c2189875498", type: "Plot", title: "Temporal bar chart", }, { path: "@observablehq/plot-civilizations-timeline", thumbnail: "b303cbe72926da30db63fc83134cf523b7a495637d6e82ecebd1c407ff8d4a08", type: "Plot", title: "Civilizations timeline" }, { path: "@observablehq/plot-simple-line-chart", thumbnail: "ef4f34fb646b7a14d0253593135b965444616ec208728bc952793615cbaba527", type: "Plot", title: "Line chart" }, { path: "@observablehq/plot-labeled-multi-line-chart", thumbnail: "9a688a4aefc6a2e7a46b165d7bb1099d2e1dfb690f8cc8409007185e4b9562ef", type: "Plot", title: "Labeled multi-line chart" }, { path: "@observablehq/plot-area-chart", thumbnail: "eda4cec5bff25598e93e7e020a249fc0b7c2314d2e37693d6845b6427105fbe4", type: "Plot", title: "Area chart" }, { path: "@observablehq/plot-faceted-areas", thumbnail: "a9aa97b84ee7fe838b7a8ab95543f6218d5cac44340c07490489d00052d51617", type: "Plot", title: "Faceted area chart" }, { path: "@observablehq/plot-line-with-moving-average", thumbnail: "47bd1774de066b0b1e253df4283ec24d9caf228c6ac800c322028b7055b940b4", type: "Plot", title: "Moving average" }, { path: "@observablehq/plot-ridgeline", thumbnail: "0a54d17382e6fc4345a50b5585c035d0ed70f93bd83f79a66c5df2300d03987e", type: "Plot", title: "Ridgeline plot" }, { path: "@observablehq/plot-stacked-area-chart", thumbnail: "52823d6303c6508a041600c589e15509323edc08cc9bb29cb98aba57bc3f6100", type: "Plot", title: "Stacked areas", }, { path: "@observablehq/plot-stack-offset", thumbnail: "546c9eec3800c4f35d7f467336b4ad8abc8517ed6e89ecf93db30b2c311cc523", type: "Plot", title: "Wiggle streamgraph" }, { path: "@observablehq/plot-variable-fill-area", thumbnail: "b1943a94617b37aa3f97f25302b9a38c2b4865fdb8ab29891989e263453513d8", type: "Plot", title: "Variable fill area" }, { path: "@observablehq/plot-facet-wrap", thumbnail: "0c80dcd79c9cfd738ccb0fa9511980fd0c9dc22ed377d5b80179fb67d9c67067", type: "Plot", title: "Facet wrap" } ])}34:T4f5,## Flow ${previews([ { path: "@d3/force-directed-graph/2", thumbnail: "daca6197a1592e5582e904387074d40ce144606eb639222eb9306ce38ba32623", type: "D3", title: "Force-directed graph" }, { path: "@d3/disjoint-force-directed-graph/2", thumbnail: "f36f862511c45e96cb0e4c26ac6b08024a37266ac7ed1b5d4dbefab2c8b528a6", type: "D3", title: "Disjoint force-directed graph" }, { path: "@d3/mobile-patent-suits", thumbnail: "636bcd430f65f3358a5afea3e49100bd7236a48cf48b2db9fba906e818338307", type: "D3", title: "Mobile patent suits" }, { path: "@d3/chord-diagram/2", thumbnail: "204ffe6e4ebe39ce037c2caa5ac3c22bd630ea6dea19989833afa4d9c7531445", type: "D3", title: "Chord diagram" }, { path: "@observablehq/plot-arc-diagram", thumbnail: "0f494f8fe2b81adec0116ddf18b64c619b73645356a173d3413a67e5f1743df4", type: "Plot", title: "Arc diagram" }, { path: "@observablehq/plot-tree-tidy", thumbnail: "43649df1a5cff7b300e5da1617900695b01a9344deb025c739906fa7a8527630", type: "Plot", title: "Tree, tidy" }, { path: "@d3/sankey/2", thumbnail: "3074afcf13f0dfa574415acc4e293ba58d6da310e2f1a6d68aff493b9607ba1b", type: "D3", title: "Sankey diagram" }, ])}35:T46c,function preview({path, title, type, author = "Observable", thumbnail}) { const label = type === "Plot" ? "Plot" : "D3"; const color = type === "Plot" ? "#007bff" : "#ff8800"; // bleu ou orange return htl.html` event.currentTarget.firstElementChild.style.borderColor = "#1b1e23"} onmouseout=${event => event.currentTarget.firstElementChild.style.borderColor = "#e8e8e8"}>

`; }36:[] 2b:{"id":"dd07475e36ac7536","slug":null,"title":"Plot Gallery","thumbnail":"0a487ead7bcac8585b98c04a4463f79145d07e56005526b3f182f671bb6a8aae","access_level":"public","create_time":"$D2025-08-02T12:43:23.988Z","update_time":"$D2025-08-03T20:04:28.677Z","view_time":null,"first_public_time":"$D2025-08-24T11:44:39.416Z","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":"976b5ceccc348d41","login":"xaviersenente","name":"Xavier SENENTE","avatar_url":"https://avatars-next.observableusercontent.com/00724f3264dc62ce6303793b946b15214af84cf98487a4cdaa88dbdfea37786a","tier":"starter_2024"},"version":1126,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"9e994ecabe6cd753","login":"xaviersenente","name":"Xavier SENENTE","avatar_url":"https://avatars-next.observableusercontent.com/00724f3264dc62ce6303793b946b15214af84cf98487a4cdaa88dbdfea37786a","tier":null}],"members":[{"type":"team","id":"976b5ceccc348d41","login":"xaviersenente","name":"Xavier SENENTE","avatar_url":"https://avatars-next.observableusercontent.com/00724f3264dc62ce6303793b946b15214af84cf98487a4cdaa88dbdfea37786a","tier":"starter_2024","role":"editor"},{"type":"individual","id":"9e994ecabe6cd753","login":"xaviersenente","name":"Xavier SENENTE","avatar_url":"https://avatars-next.observableusercontent.com/00724f3264dc62ce6303793b946b15214af84cf98487a4cdaa88dbdfea37786a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"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","output":"","database":"$undefined"},{"id":193,"value":"$2d","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"dot","database":"$undefined"},{"id":1037,"value":"$2e","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"dot1","database":"$undefined"},{"id":20,"value":"$2f","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"bar","database":"$undefined"},{"id":1057,"value":"$30","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"bar2","database":"$undefined"},{"id":944,"value":"## Magnitude","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1061,"value":"$31","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"bar3","database":"$undefined"},{"id":1066,"value":"$32","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"bar4","database":"$undefined"},{"id":1070,"value":"$33","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"bar5","database":"$undefined"},{"id":1074,"value":"$34","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"bar6","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","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","output":"$undefined","database":"$undefined"},{"id":9,"value":"$35","pinned":true,"hidden":true,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 2c:"$2b:body"