2f: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" }, ])}30: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"}>

`; }31:[] 2d:{"title":"Composants D3js","cells":[{"id":0,"value":"# Composants D3js","pinned":false,"hidden":false,"mode":"md"},{"id":193,"value":"$2f","pinned":false,"hidden":false,"mode":"md"},{"id":5,"value":"---\n\n## Appendix\n\nThe code below powers the gallery above.","pinned":false,"hidden":false,"mode":"md"},{"id":8,"value":"function previews(notebooks) {\n return htl.html`

${notebooks.map(preview)}

`;\n}","pinned":true,"hidden":true,"mode":"ojs"},{"id":9,"value":"$30","pinned":true,"hidden":true,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}