31:T6d0,teaserList([ { slug: "pip", thumbnail: "e9513ee97dd22fa07b2d569528c10878c030ec0e7c2a3c4da7e704f87c7c2b7a", title: "PIP", update_time: "2022-06-05T10:33:07.197Z", likes: 3, owner: { name: "Adam Roberts", login: "abenrob", avatar_url: "https://avatars.observableusercontent.com/avatar/35b4f71c800d4e6c9e2cfa93d55a4f89515f41428620d3050060df33504db2e1" } }, { slug: "distance-weighted-proximity-score/2", thumbnail: "be67e99f5fb0bc5e23e8f61b4b5946c3c088d2aed2d19c4dd8b7b42fa4e9e059", title: "Distance-weighted proximity score", update_time: "2022-05-18T15:37:13.688Z", likes: 0, owner: { name: "Adam Roberts", login: "abenrob", avatar_url: "https://avatars.observableusercontent.com/avatar/35b4f71c800d4e6c9e2cfa93d55a4f89515f41428620d3050060df33504db2e1" } }, { slug: "legend", thumbnail: "e74f4b96cc804d757e47753331c03316ba5d1e634033f4c8ae534a52c0f0164a", title: "", update_time: "2023-01-27T09:19:04.110Z", likes: 0, owner: { name: "Adam Roberts", login: "abenrob", avatar_url: "https://avatars.observableusercontent.com/avatar/35b4f71c800d4e6c9e2cfa93d55a4f89515f41428620d3050060df33504db2e1" } }, { slug: "hcirn-colorblind-simulation", thumbnail: "6806287b526b768b452896e21d3488c496b2be3c037baddbca56247ec548cb06", title: "HCIRN Colorblind Simulation", update_time: "2023-01-11T08:01:12.852Z", likes: 3, owner: { name: "Adam Roberts", login: "abenrob", avatar_url: "https://avatars.observableusercontent.com/avatar/35b4f71c800d4e6c9e2cfa93d55a4f89515f41428620d3050060df33504db2e1" } } ])32:T596,teaserList([ { slug: "lissages-interactifs-sur-la-presidentielle-2022-t1", thumbnail: "8d87c734546bc4283d0da1fa809eba6647198983bc470780a9c3f806283685fd", title: "Lissages interactifs sur l'élection présidentielle 2022", update_time: "2022-07-16T10:43:13.657Z", likes: 17, owner: { name: "Éric Mauvière", login: "ericmauviere", avatar_url: "https://avatars.observableusercontent.com/avatar/a35a91b5ca23c5dd084a628d6c4898fb6eefb2ede192b1801b0efae516f49017" } }, { slug: "eu-fishing-flow", thumbnail: "d8189a875cc1c5ec9337d4adee5e346721df4ec2ea2830696a3af9e7338f1a49", title: "EU Fishing Flow", update_time: "2021-06-17T07:21:57.278Z", likes: 89, owner: { name: "Ben Davis", login: "benjamesdavis", avatar_url: "https://avatars.observableusercontent.com/avatar/51d9e63ff9a4521509beefa6d4e72ab399da2aa11a16fe4f2764d38b518af68d" } }, { slug: "buscador-atencion-primaria", thumbnail: "fb96a6d53b50231cbbc9107ae487032d8dab758addae0295ceeb2c9840a4e564", title: "#754 Spanish Primary Healthcare Pressure Map 2021/22", update_time: "2022-11-24T20:48:12.583Z", likes: 2, owner: { name: "Civio", login: "civio", avatar_url: "https://avatars.observableusercontent.com/avatar/97192929d85c6cd912ab5bcadf8b5870eab960dec55224ac3d0e2301e8ac13b8" } } ])33:T9e6,/* curl https://api.observablehq.com/document/@observablehq/learning-observable-importing-and-remixing-cells-and-note | jq '. | {slug: ("@" + .owner.login + "/" + .slug),thumbnail,title,collection: ("@" + .collections[0].owner.login + "/" + .collections[0].slug)}' */ resources = [ { slug: "@observablehq/learning-observable-observable-overview", thumbnail: "93e26dea53299b29e06264e28d04402d4878b6bea4bfbfc6c003966566797925", title: "Learning Observable: Observable overview", collection: "@observablehq/intro-to-observable" }, { slug: "@observablehq/learning-observable-getting-data-into-observable", thumbnail: "827dbf694e84b8f8c296fb42eb473c18d61e9d19b861bfdc442a8cfbb1157b01", title: "Learning Observable: Getting data into Observable", collection: "@observablehq/intro-to-observable" }, { slug: "@observablehq/learning-observable-observable-plot", thumbnail: "20abd5e705954325a70de0844fa44c0e1a859a18732ce7cdb978f678cd03f608", title: "Learning Observable: Observable Plot", collection: "@observablehq/observablehq" }, { slug: "@observablehq/learning-observable-cell-modes-reactive-markdown-and-html", thumbnail: "662b4900dfeaf36ea1f7e5f85760ecee26db503ac2f3cd2988c6d05c57f7a2d1", title: "Learning Observable: Cell modes, reactive Markdown, and HTML", collection: "@observablehq/observablehq" }, { slug: "@observablehq/learning-observable-reactive-dataflow", thumbnail: "dcf5695055371c718600678a07e9cfc898da9c501028ff86a8b11956c08fc305", title: "Learning Observable: Reactive dataflow", collection: "@observablehq/observablehq" }, { slug: "@observablehq/learning-observable-user-inputs-and-interactivity", thumbnail: "14bc97ffe0bb8f8b42a2201cbe8c43cb66ab1ef328f2ab71792112c3d0ecc7b7", title: "Learning Observable: User inputs and interactivity", collection: "@observablehq/observablehq" }, { slug: "@observablehq/learning-observable-javascript-and-observable", thumbnail: "a96d238d0e683afc2f7fb3351721ec847dc58d320f317ccef57b45945d104dd5", title: "Learning Observable: JavaScript and Observable", collection: "@observablehq/observablehq" }, { slug: "@observablehq/learning-observable-importing-and-remixing-cells-and-note", thumbnail: "ea2f92c594370d3d6314bc8a2bd5ec8234ace5139351cfbd2998ae86099eb969", title: "Learning Observable: Importing and remixing cells and notebooks", collection: "@observablehq/observablehq" } ]34:[{"id":"31ca24545a0603dce099d10ee89ee5ae72d29fa55e8fc7c9ffb5ded87ac83060d80f1d9e21f4ae8eb04c1e8940b7287d179fe8060d887fb1f055f430e210007c","href":"https://static.observableusercontent.com/files/31ca24545a0603dce099d10ee89ee5ae72d29fa55e8fc7c9ffb5ded87ac83060d80f1d9e21f4ae8eb04c1e8940b7287d179fe8060d887fb1f055f430e210007c","name":"athletes.csv","type":"text/csv","lastModified":1674809971672.94,"size":841836}] 2f:{"title":"Why Observable is the greatest thing ever","cells":[{"id":0,"value":"bannerLogoTitleSmall(\n \"Why Observable is the greatest thing ever\",\n \"#c8d9dd;\",\n hColor\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"# What _is_ Observable?\n> Observable is a platform where you can collaboratively explore, analyze, visualize, and communicate with data on the web.\n>\n> Founded by\n> Melody Meckfessel, former VP of Engineering at Google and\n> Mike Bostock, former NYTimes Data Visualzation and creator of D3.js","pinned":false,"hidden":false,"mode":"md"},{"id":263,"value":"## Observable is **_markdown_** (`**_markdown_**`)\n## Observable is ${html`HTML`} (``HTML``)\n## Observable is ${tex`\\LaTeX`}","pinned":false,"hidden":false,"mode":"md"},{"id":260,"value":"## Observable is REACTIVE \n_change notebook header color below_\n${viewof hColor}","pinned":false,"hidden":false,"mode":"md"},{"id":42,"value":"## Observale is also `${dj2023.seconds()} seconds_","pinned":false,"hidden":false,"mode":"md"},{"id":114,"value":"## Observable is also _DATA_\n[Tools for working with and inspecting data](https://observablehq.com/@observablehq/introduction-to-data)","pinned":false,"hidden":false,"mode":"md"},{"id":136,"value":"athletes = FileAttachment(\"athletes.csv\").csv({ typed: true })","pinned":true,"hidden":false,"mode":"ojs"},{"id":132,"value":"athletesTab = athletes","pinned":true,"hidden":false,"mode":"ojs"},{"id":169,"value":"## Observable is also _[Observable Plot](https://observablehq.com/@observablehq/plot?collection=@observablehq/observable-libraries-for-visualization)_","pinned":false,"hidden":false,"mode":"md"},{"id":145,"value":"dotplot = Plot.dot(athletes, { x: \"weight\", y: \"height\", stroke: \"sex\" }).plot()","pinned":true,"hidden":false,"mode":"ojs"},{"id":159,"value":"dotplot.legend(\"color\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":161,"value":"Plot.rect(\n athletes,\n Plot.bin({ fillOpacity: \"count\" }, { x: \"weight\", y: \"height\", fill: \"sex\" })\n).plot()","pinned":true,"hidden":false,"mode":"ojs"},{"id":163,"value":"Plot.plot({\n grid: true,\n marks: [\n Plot.rectY(\n athletes,\n Plot.binX({ y: \"count\" }, { x: \"weight\", fill: \"sex\", fy: \"sex\" })\n ),\n Plot.ruleY([0])\n ]\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":526,"value":"Plot.plot({\n x: { label: \"medal count\" },\n marks: [\n Plot.barX(\n athletes,\n Plot.groupY(\n { x: \"count\" },\n { y: \"nationality\", sort: { y: \"x\", reverse: true, limit: 10 } }\n )\n ),\n Plot.ruleX([0])\n ]\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":276,"value":"## Observable is also _[cartography](https://observablehq.com/collection/@observablehq/maps)_","pinned":false,"hidden":false,"mode":"md"},{"id":281,"value":"chart","pinned":true,"hidden":false,"mode":"ojs"},{"id":278,"value":"import { chart } from \"@d3/bivariate-choropleth\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":286,"value":"map","pinned":true,"hidden":false,"mode":"ojs"},{"id":283,"value":"import { map } from \"@neocartocnrs/bars-pubs-in-paris\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":288,"value":"## Observable is also... _[WebAssembly](https://developer.mozilla.org/en-US/docs/WebAssembly)?_\nWASM allows some pretty amazing cross-uses! For example:\n- https://observablehq.com/@observablehq/duckdb\n- https://observablehq.com/@kylebarron/geoparquet-on-the-web\n\nBelow ↓↓↓↓ an ImageMagick port to Web Assembly is being used in the browser to extract a color palette from an image...","pinned":false,"hidden":false,"mode":"md"},{"id":290,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":176,"value":"# What do _I_ use Observable for?","pinned":false,"hidden":false,"mode":"md"},{"id":178,"value":"## Data Discovery","pinned":false,"hidden":false,"mode":"md"},{"id":185,"value":"teaserList([\n {\n slug: \"fr-temp-data\",\n thumbnail:\n \"1822dacf76f773a3ecc3067a19950a1a7500c374263afc83ecd34a8c0e6ba340\",\n title: \"FR Precip Data\",\n update_time: \"2023-01-26T15:02:55.484Z\",\n likes: 0,\n owner: {\n name: \"Adam Roberts\",\n login: \"abenrob\",\n avatar_url:\n \"https://avatars.observableusercontent.com/avatar/35b4f71c800d4e6c9e2cfa93d55a4f89515f41428620d3050060df33504db2e1\"\n }\n },\n {\n slug: null,\n thumbnail:\n \"c136042b75fc6bf9cdac9afb55179be3f475def8dffba37ce3ef88fda6a0e3d6\",\n title: \"Les Arbres de Grenoble\",\n update_time: \"2023-01-24T16:00:00.443Z\",\n likes: 0,\n owner: {\n name: \"Adam Roberts\",\n login: \"abenrob\",\n avatar_url:\n \"https://avatars.observableusercontent.com/avatar/35b4f71c800d4e6c9e2cfa93d55a4f89515f41428620d3050060df33504db2e1\"\n }\n }\n])","pinned":false,"hidden":false,"mode":"ojs"},{"id":189,"value":"## Prototyping / Conception","pinned":false,"hidden":false,"mode":"md"},{"id":191,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":203,"value":"## Marketing / Communication","pinned":false,"hidden":false,"mode":"md"},{"id":205,"value":"teaserList([\n {\n slug: \"statistic-gravity-attractivity\",\n thumbnail:\n \"877d560005c550de306c04a1bb9c98b3441be78997e233b5cec11c640dc2c059\",\n title: \"Statistics Gravitation Attractivity\",\n update_time: \"2023-01-25T13:07:44.147Z\",\n likes: 0,\n owner: {\n name: \"Targomo\",\n login: \"targomo\",\n avatar_url:\n \"https://avatars.observableusercontent.com/avatar/39645f1242d4403a667e1c0e54a0d6755d36418f30088e89a9c65e6f84f9a3bf\"\n }\n },\n {\n slug: \"staypoint-exploration\",\n thumbnail:\n \"86a31364ca0c980c73b3b959c9ae1e517ccf104b83c178f89ee72c273db949b1\",\n title: \"Staypoint Data Exploration\",\n update_time: \"2023-01-24T10:50:04.720Z\",\n likes: 0,\n owner: {\n name: \"Targomo\",\n login: \"targomo\",\n avatar_url:\n \"https://avatars.observableusercontent.com/avatar/39645f1242d4403a667e1c0e54a0d6755d36418f30088e89a9c65e6f84f9a3bf\"\n }\n }\n])","pinned":false,"hidden":false,"mode":"ojs"},{"id":210,"value":"## Documentation","pinned":false,"hidden":false,"mode":"md"},{"id":212,"value":"teaserList([\n {\n slug: \"deep-dive-on-isochrone-polygons\",\n thumbnail:\n \"0d76f525d736e97fa0f028bccce394836f0f5d2288e0f09f28fbe9f6818ff69b\",\n title: \"Deep Dive on Isochrone Polygons\",\n update_time: \"2023-01-25T11:29:11.886Z\",\n likes: 7,\n owner: {\n name: \"Targomo\",\n login: \"targomo\",\n avatar_url:\n \"https://avatars.observableusercontent.com/avatar/39645f1242d4403a667e1c0e54a0d6755d36418f30088e89a9c65e6f84f9a3bf\"\n }\n },\n {\n slug: \"deep-dive-on-points-of-interest\",\n thumbnail:\n \"8236ee078865d58e88e94f1fb1cb4632036df721bd31c889fb65c62607728670\",\n title: \"Deep Dive on Points of Interest\",\n update_time: \"2023-01-25T11:27:58.851Z\",\n likes: 4,\n owner: {\n name: \"Targomo\",\n login: \"targomo\",\n avatar_url:\n \"https://avatars.observableusercontent.com/avatar/39645f1242d4403a667e1c0e54a0d6755d36418f30088e89a9c65e6f84f9a3bf\"\n }\n }\n])","pinned":false,"hidden":false,"mode":"ojs"},{"id":217,"value":"## Feature testing & communication","pinned":false,"hidden":false,"mode":"md"},{"id":220,"value":"teaserList([\n {\n slug: \"polygon-exclusion-areas\",\n thumbnail:\n \"f622da554cd6985b4bc2cd1c4f561881fa3bc86f93529ffe596377cadbd936f7\",\n title: \"Polygon exclusion Areas\",\n update_time: \"2023-01-24T10:46:07.607Z\",\n likes: 0,\n owner: {\n name: \"Targomo\",\n login: \"targomo\",\n avatar_url:\n \"https://avatars.observableusercontent.com/avatar/39645f1242d4403a667e1c0e54a0d6755d36418f30088e89a9c65e6f84f9a3bf\"\n }\n },\n {\n slug: \"bike-elevation-testing\",\n thumbnail:\n \"285ced4b3a333b25bc4805bf7b679c0ddef484dc5e7fed05221f501b41fc4674\",\n title: \"Bike Elevation Testing\",\n update_time: \"2023-01-24T11:21:14.142Z\",\n likes: 1,\n owner: {\n name: \"Targomo\",\n login: \"targomo\",\n avatar_url:\n \"https://avatars.observableusercontent.com/avatar/39645f1242d4403a667e1c0e54a0d6755d36418f30088e89a9c65e6f84f9a3bf\"\n }\n }\n])","pinned":false,"hidden":false,"mode":"ojs"},{"id":225,"value":"
\n# What do _others_ use Observable for?","pinned":false,"hidden":false,"mode":"md"},{"id":227,"value":"## Generative Art","pinned":false,"hidden":false,"mode":"md"},{"id":229,"value":"teaserList([\n {\n slug: \"creative-coding\",\n thumbnail:\n \"2c7f953db086eda5970056ff326183741cd913e34e0473ed4fd0415de76cac69\",\n title: \"Observable & creative coding\",\n update_time: \"2022-12-14T22:03:37.563Z\",\n likes: 510,\n owner: {\n name: \"Lionel Radisson\",\n login: \"makio135\",\n avatar_url:\n \"https://avatars.observableusercontent.com/avatar/1ebff675951134ccb48ffd1faaeabdecafe0daf8d168685c768f506435e400f0\"\n }\n },\n {\n slug: \"generative-art-using-wind-turbine-data\",\n thumbnail:\n \"414e13a39bb40805f9b3df83a85a215b334da8098c2f7e0f312abbe9785c134e\",\n title: \"Generative Art using Wind Turbine data\",\n update_time: \"2021-02-01T05:22:18.486Z\",\n likes: 154,\n owner: {\n name: \"Matt Dzugan\",\n login: \"mattdzugan\",\n avatar_url:\n \"https://avatars.observableusercontent.com/avatar/5e6f59dbd54952c1978225f1a7fdc6abf438d0beee68bf8df8be4f097380b46a\"\n }\n }\n])","pinned":false,"hidden":false,"mode":"ojs"},{"id":233,"value":"## Dataviz","pinned":false,"hidden":false,"mode":"md"},{"id":237,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":242,"value":"## Lifestyle","pinned":false,"hidden":false,"mode":"md"},{"id":244,"value":"teaserList([\n {\n slug: \"fermentation-jar\",\n thumbnail:\n \"ccc47d68b6007c838ad43bf7a73f96a93935aa2293b19ba895789ddaebe127cb\",\n title: \"Fermentation Jar\",\n update_time: \"2023-01-14T08:26:58.285Z\",\n likes: 11,\n owner: {\n name: \"Maxene Graze\",\n login: \"maxeneg\",\n avatar_url:\n \"https://avatars.observableusercontent.com/avatar/f69d8a810962426c04ba3ee76a79f7dfb2fc875b2c2d768f60d2084049a4dcdc\"\n }\n },\n {\n slug: \"sourdough-calculator\",\n thumbnail:\n \"ff0701cd98fb6dea79b9acddef9bac7a7b843f387d1f388c649224c8a2e9be63\",\n title: \"Sourdough Calculator\",\n update_time: \"2020-11-05T09:49:47.581Z\",\n likes: 28,\n owner: {\n name: \"Volodymyr Agafonkin\",\n login: \"mourner\",\n avatar_url:\n \"https://avatars.observableusercontent.com/avatar/02cfd655debb6fc593dfe4bcacd9520f73e6b33cedef382248d08ecc40822a1b\"\n }\n }\n])","pinned":false,"hidden":false,"mode":"ojs"},{"id":396,"value":"

\n## Learning Observable Resources","pinned":false,"hidden":false,"mode":"md"},{"id":409,"value":"html`${resources.map((d) => resourceDiv(d))}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":392,"value":"

\n### Imports","pinned":false,"hidden":false,"mode":"md"},{"id":182,"value":"import { teaserList, formatAvatar } from \"@mootari/notebook-teasers\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":31,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":344,"value":"import { bannerLogoTitleSmall } from \"@observablehq/banner\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":37,"value":"viewof hColor = Inputs.color({ label: \"Header color\" })","pinned":false,"hidden":false,"mode":"ojs"},{"id":417,"value":"resourceDiv = (meta) => {\n const {\n title,\n thumbnail,\n image = `https://static.observableusercontent.com/thumbnail/${thumbnail}.jpg`,\n slug,\n collection,\n href = `https://observablehq.com/${slug}?collection=${collection}`\n } = meta;\n return html`\n

\n ${title}\n

\n `;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":401,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}