27:null 28:["$","title",null,{"children":"Composants D3js | Xavier SENENTE | Observable"}] 2d:Taf1,${previews([ { path: "@d3/treemap-component?collection=@observablehq/components", thumbnail: "e59e0961759c38381cea458fc2f328e9dab1686e04a4a240149ee2cd25558cf6", type: "D3", title: "Treemap component" }, { path: "@d3/pack-component?collection=@observablehq/components", thumbnail: "2471c1145e33b39a1d5e38b7bb5460a2620aadf1c32717a270347620b1e981bd", type: "D3", title: "Circle packing component" }, { path: "@d3/force-directed-graph-component?collection=@observablehq/components", thumbnail: "dfe10335d495307d951f90ca2a21f6539a498d22a51f54d0c9f366af47dd996d", type: "D3", title: "Force-directed graph component", }, { path: "@d3/word-cloud?collection=@observablehq/components", thumbnail: "f27c8cc9bab346e6cf3adb0ab8b56c4c46deb608aa25d42c9c791dc9ea852c37", type: "D3", title: "Word cloud", }, { path: "@d3/bubble-chart-component?collection=@observablehq/components", thumbnail: "011738b63696e7a0880733a003c3358bdaa71afd0cc32e91fd1872ee63ffca9f", type: "D3", title: "Bubble chart component" }, { path: "@d3/pie-chart-component?collection=@observablehq/components", thumbnail: "bc1e43c4dc01a4d7bc462ecd6cca55d096138f86406fc54be2a7674d0e733c57", type: "D3", title: "Pie chart component" }, { path: "@d3/sankey-component?collection=@observablehq/components", thumbnail: "6abb712111365abe054010436f8cdd9a7a052ae22f56db538212050cbe09c91b", type: "D3", title: "Sankey diagram component" }, { path: "@d3/tree-component?collection=@observablehq/components", thumbnail: "5b41c7a238ab78aa39dc9a38ad58d18075d9c06aafa0745852ccd448af764648", type: "D3", title: "Tidy tree component" }, { path: "@d3/radial-tree-component?collection=@observablehq/components", thumbnail: "538161c95f12646d9a69664c4937a65a74f15e5ebb6966d325cf4c5cbb7e76a4", type: "D3", title: "Radial tree component" }, { path: "@d3/icicle-component?collection=@observablehq/components", thumbnail: "b2803e01a82566ca2f063353f8dd0fcb743cd90a1a989bba4bc5cfbbf264297c", type: "D3", title: "Icicle component" }, { path: "@d3/sunburst-component?collection=@observablehq/components", thumbnail: "2c8f625b4034b12cbead9c6e0681ba1e062d69398682a81063275315014dab7f", type: "D3", title: "Sunburst component" }, { path: "@observablehq/calendar-component?collection=@observablehq/components", thumbnail: "382e1a3299bbc66a841ba3a4053b52bef0990b31c16d4127703220c429865582", type: "Plot", title: "Calendar component" }, { path: "@observablehq/timechart?collection=@observablehq/components", thumbnail: "b5c772e23e58a13c935d721ba487648b8c81be0f03530ccdfb126cf439fc5252", type: "Plot", title: "TimeChart" }, ])}2e: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"}>

`; }2f:[] 2b:{"id":"11d8b316a0ee1636","slug":null,"title":"Composants D3js","thumbnail":"71d0dc44b27863d9d7c6bbfec60ef52e9513e3c944725bc0d506bdebf916d6d0","access_level":"public","create_time":"$D2025-08-27T14:22:53.393Z","update_time":"$D2025-08-27T14:44:34.877Z","view_time":null,"first_public_time":"$D2025-08-27T14:22:53.393Z","has_unpublished_edits":null,"fork":{"id":"dd07475e36ac7536","slug":null,"title":"Plot Gallery","owner":{"id":"976b5ceccc348d41","login":"xaviersenente","name":"Xavier SENENTE"}},"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":1142,"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":0,"collection":null,"type":"notebook","body":{"title":"Composants D3js","cells":[{"id":0,"value":"# Composants D3js","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":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":"$2e","pinned":true,"hidden":true,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2c:"$2b:body"