25:["$","title",null,{"children":"Introdução ao Observable | Christian Miranda | Observable"}] 49:T23c4,data = [ { category: "Observable Overview", title: "Overview", link: "https://observablehq.com/@observablehq/learning-observable-observable-overview", keywords: "High-level introduction to Observable" }, { category: "Notebooks and cells", title: "Cell types", link: "https://observablehq.com/d/b64494e58131b26a?collection=@observablehq/intro-to-observable#cell-104", keywords: "Notebook, cells, cell types" }, { category: "Notebooks and cells", title: "Reactive code execution", link: "https://observablehq.com/d/b64494e58131b26a?collection=@observablehq/intro-to-observable#cell-51", keywords: "Reactive runtime, code execution, dependency" },{ category: "Notebooks and cells", title: "Creating and deleting cells", link: "https://observablehq.com/d/b64494e58131b26a?collection=@observablehq/intro-to-observable#cell-81", keywords: "Cells, add cell, delete cell" },{ category: "Notebooks and cells", title: "Pinning and moving cells", link: "https://observablehq.com/d/b64494e58131b26a?collection=@observablehq/intro-to-observable#cell-83", keywords: "Pin cells, show, move, organize, reorder cells" }, { category: "Getting data into Observable", title: "Data on Observable", link: "https://observablehq.com/@observablehq/learning-observable-getting-data-into-observable#cell-14", keywords: "View data in Observable, data in notebooks" }, { category: "Getting data into Observable", title: "Importing from other notebooks", link: "https://observablehq.com/@observablehq/learning-observable-getting-data-into-observable#cell-29", keywords: "Import data, curated data" }, { category: "Getting data into Observable", title: "File attachments", link: "https://observablehq.com/@observablehq/learning-observable-getting-data-into-observable#cell-27", keywords: "File attachments, csv, json, xlsx" }, { category: "Getting data into Observable", title: "Cloud files", link: "https://observablehq.com/@observablehq/learning-observable-getting-data-into-observable#cell-31", keywords: "Cloud files, Google Drive, Microsoft" }, { category: "Getting data into Observable", title: "Database access", link: "https://observablehq.com/@observablehq/learning-observable-getting-data-into-observable#cell-34", keywords: "Database, SQL, Postgres, Mysql, BigQuery, SQL Server, Snowflake, Duckdb, datatable" }, { category: "Getting data into Observable", title: "APIs", link: "https://observablehq.com/@observablehq/learning-observable-getting-data-into-observable#cell-36", keywords: "API, basic auth, secrets" }, { category: "Getting data into Observable", title: "Data Table cell", link: "https://observablehq.com/@observablehq/learning-observable-getting-data-into-observable#cell-62", keywords: "View data with data table cell, eject to SQL" }, { category: "Observable Plot", title: "Quick charts with Plot code snippets", link: "https://observablehq.com/d/79f43da4b58ef64e?collection=@observablehq/intro-to-observable#cell-34", keywords: "Plot, code snippets, data visualization" }, { category: "Observable Plot", title: "Analysis in Plot", link: "https://observablehq.com/d/79f43da4b58ef64e?collection=@observablehq/intro-to-observable#cell-53", keywords: "Plot, data visualization, summarize, reduce, analysis" }, { category: "Observable Plot", title: "Plot customization", link: "https://observablehq.com/d/79f43da4b58ef64e?collection=@observablehq/intro-to-observable#cell-110", keywords: "Plot, data visualization, custom, channels, marks, color, scales" }, { category: "Cell modes, reactive Markdown, and HTML", title: "Markdown cells", link: "https://observablehq.com/d/5b609d7479877bde?collection=@observablehq/intro-to-observable#cell-225", keywords: "Markdown, text, format, style" }, { category: "Cell modes, reactive Markdown, and HTML", title: "HTML cells", link: "https://observablehq.com/d/5b609d7479877bde?collection=@observablehq/intro-to-observable#cell-148", keywords: "HTML, browser, custom, text, layout" }, { category: "Cell modes, reactive Markdown, and HTML", title: "JavaScript cells", link: "https://observablehq.com/d/5b609d7479877bde?collection=@observablehq/intro-to-observable#cell-37", keywords: "JavaScript, code" }, { category: "Cell modes, reactive Markdown, and HTML", title: "Variables and interpolation in Markdown and HTML", link: "https://observablehq.com/d/5b609d7479877bde?collection=@observablehq/intro-to-observable#cell-41", keywords: "Interpolation, inline code, tags, styling" }, { category: "Cell modes, reactive Markdown, and HTML", title: "Changing cell modes", link: "https://observablehq.com/d/5b609d7479877bde?collection=@observablehq/intro-to-observable#cell-181", keywords: "Cell mode, change" }, { category: "Cell modes, reactive Markdown, and HTML", title: "Backticks for cell modes", link: "https://observablehq.com/d/5b609d7479877bde?collection=@observablehq/intro-to-observable#cell-118", keywords: "Backtick, JavaScript" }, { category: "Reactive dataflow", title: "Reactive dataflow overview", link: "https://observablehq.com/d/f23b4cd68fd24d33?collection=@observablehq/intro-to-observable#cell-10", keywords: "Reactive dataflow, order, notebook organization, code execution" }, { category: "Reactive dataflow", title: "Minimap", link: "https://observablehq.com/d/f23b4cd68fd24d33?collection=@observablehq/intro-to-observable#cell-26", keywords: "Cell dependency, organization, reactivity, reorder, move" }, { category: "Reactive dataflow", title: "Advantages of reactive code", link: "https://observablehq.com/d/f23b4cd68fd24d33?collection=@observablehq/intro-to-observable#cell-65", keywords: "Organization, reactive code, automatic code execution" }, { category: "User inputs and interactivity", title: "Creating and using inputs", link: "https://observablehq.com/d/ec4297da21238b6b?collection=@observablehq/intro-to-observable#cell-123", keywords: "Inputs, Add Cell menu, snippets" }, { category: "User inputs and interactivity", title: "The viewof keyword", link: "https://observablehq.com/d/ec4297da21238b6b?collection=@observablehq/intro-to-observable#cell-37", keywords: "Viewof, input, value" }, { category: "User inputs and interactivity", title: "Input types", link: "https://observablehq.com/d/ec4297da21238b6b?collection=@observablehq/intro-to-observable#cell-45", keywords: "Inputs, types, code snippets, Add Cell menu" }, { category: "User inputs and interactivity", title: "Using inputs with Plot", link: "https://observablehq.com/d/ec4297da21238b6b?collection=@observablehq/intro-to-observable#cell-82", keywords: "Inputs, Plot, interactivity, data visualization" }, { category: "JavaScript and Observable", title: "Top level variables", link: "https://observablehq.com/d/6ad949cbc4771e03?collection=@observablehq/intro-to-observable#cell-19", keywords: "JavaScript, variables, assignment, immutable, functional programming" }, { category: "JavaScript and Observable", title: "Blocks and functions", link: "https://observablehq.com/d/6ad949cbc4771e03?collection=@observablehq/intro-to-observable#cell-52", keywords: "Code block, function, braces, local" }, { category: "JavaScript and Observable", title: "Wrapping object literals", link: "https://observablehq.com/d/6ad949cbc4771e03?collection=@observablehq/intro-to-observable#cell-122", keywords: "Object literals, parentheses" }, { category: "JavaScript and Observable", title: "Promises and implicit await", link: "https://observablehq.com/d/6ad949cbc4771e03?collection=@observablehq/intro-to-observable#cell-40", keywords: "Promise, await, resolve, implicitly await" }, { category: "Importing and remixing cells and notebooks", title: "Importing", link: "https://observablehq.com/d/3455fc643fe664d7?collection=@observablehq/intro-to-observable#cell-20", keywords: "Import, reuse, rename, version locking" }, { category: "Importing and remixing cells and notebooks", title: "Importing external libraries", link: "https://observablehq.com/d/3455fc643fe664d7?collection=@observablehq/intro-to-observable#cell-11", keywords: "Import, modules, libraries, debugging" }, { category: "Importing and remixing cells and notebooks", title: "Forking a notebook", link: "https://observablehq.com/d/3455fc643fe664d7?collection=@observablehq/intro-to-observable#cell-18", keywords: "Fork, copy, suggest, merge" },]4a:[{"id":"45dfe42242f71f2f6ea9c040dbedfbec8eac4d3024a37cba0f883ce18a07fd90c65fa71c493852e27477627bca596506b768e8318424bdbf109fa7ee6f41cad0","href":"https://static.observableusercontent.com/files/45dfe42242f71f2f6ea9c040dbedfbec8eac4d3024a37cba0f883ce18a07fd90c65fa71c493852e27477627bca596506b768e8318424bdbf109fa7ee6f41cad0","name":"new-users-course-header-toc.png","type":"image/png","lastModified":1688037707023.229,"size":736369},{"id":"0c672c0871b31d80494ecb866d453c69d2617b69edba9e6d48b0b8e36273f0bd1d3ce6f1b1dfaa4c014da091c92808394043795b860ff4ca4e274c9e9cf65a18","href":"https://static.observableusercontent.com/files/0c672c0871b31d80494ecb866d453c69d2617b69edba9e6d48b0b8e36273f0bd1d3ce6f1b1dfaa4c014da091c92808394043795b860ff4ca4e274c9e9cf65a18","name":"new-users-course-sm-toc.png","type":"image/png","lastModified":1688037707023.229,"size":263489}] 29:{"id":"6857ceb1aad2eeeb","slug":null,"title":"Introdução ao Observable","thumbnail":"93101a2ca46d6d1e43ee15d4fe1312a5596977ed53e00a533090e2dbfc1c74d7","access_level":"public","create_time":"$D2023-06-29T11:21:47.023Z","update_time":"$D2023-09-14T17:32:44.449Z","view_time":null,"first_public_time":"$D2023-06-29T11:21:47.023Z","has_unpublished_edits":null,"fork":{"id":"47280f73027a6e0e","slug":"learning-observable-introduction","title":"Learning Observable: Introduction","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"stars":0,"starred":false,"owner":{"type":"team","id":"b073b8ee488ecb63","login":"c-miranda","name":"Christian Miranda","avatar_url":"https://avatars-next.observableusercontent.com/4619d1aba2dedd112f55ddac191761e0aeabfdb38ddd23aae4162ebfded5c721","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":247,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"1b2df6d767d150a9","login":"c-miranda","name":"Christian Miranda","avatar_url":"https://avatars-next.observableusercontent.com/4619d1aba2dedd112f55ddac191761e0aeabfdb38ddd23aae4162ebfded5c721","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"1b2df6d767d150a9","login":"c-miranda","name":"Christian Miranda","avatar_url":"https://avatars-next.observableusercontent.com/4619d1aba2dedd112f55ddac191761e0aeabfdb38ddd23aae4162ebfded5c721","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Introdução ao Observable","cells":[{"id":0,"value":"# Introdução ao Observable","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":181,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":217,"value":"Welcome to our Learning Observable course! This collection aims to provide high-level introductions to core methods and tools that you will need to start working with your data in Observable, along with links to more in-depth documentation.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":127,"value":"viewof search = Inputs.search(data, {placeholder: 'Search course materials'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":135,"value":"$${drawTable(search)}","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":183,"value":"newUsersCourseSmToc = FileAttachment(\"new-users-course-sm-toc.png\").image({width: 200})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":211,"value":"
","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":235,"value":"

Appendix

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":244,"value":"text","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":119,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":122,"value":"drawTable = (contents) => {\n\n const groupedResults = d3.flatGroup(contents, d => d.category);\n\n let returnMD = ``;\n\n groupedResults.forEach(thisGroup => {\n returnMD += `| ${thisGroup[0]} | |\n | :-- | :-- | \n `\n\n thisGroup[1].forEach(doc => {\n returnMD += `| ${doc.title} `\n returnMD += `| ${doc.keywords} |\n `\n })\n \n returnMD += `\n`\n })\n \n \n \n return returnMD\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":223,"value":"// Fonts and base style build based on Belo's\n// brand guidelines. Notice they have to be called\n// (already done, below).\nimport { base, fonts } from \"@belo/styles\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":228,"value":"base","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":230,"value":"fonts","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4a","stdlib":"1"}} 24:null