25:["$","title",null,{"children":"Search Input / Observable Inputs | Kuang Li's Workspace | Observable"}] 49:[{"id":"715db1223e067f00500780077febc6cebbdd90c151d3d78317c802732252052ab0e367039872ab9c77d6ef99e5f55a0724b35ddc898a1c99cb14c31a379af80a","href":"https://static.observableusercontent.com/files/715db1223e067f00500780077febc6cebbdd90c151d3d78317c802732252052ab0e367039872ab9c77d6ef99e5f55a0724b35ddc898a1c99cb14c31a379af80a","name":"penguins.csv","type":"text/csv","lastModified":1701671233642.75,"size":13506}] 29:{"id":"272658d07e4dd1f4","slug":null,"title":"Search Input / Observable Inputs","thumbnail":"041b70d9d1e7b3f4d49c9c8aa5b8245f316f538d1a95776f27a48ea43ce02c94","access_level":"public","create_time":"$D2023-12-04T06:27:13.642Z","update_time":"$D2023-12-04T06:27:13.642Z","view_time":null,"first_public_time":"$D2023-12-04T06:27:13.642Z","has_unpublished_edits":null,"fork":{"id":"496d423448d56978","slug":"input-search","title":"Search Input / Observable Inputs","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"stars":0,"starred":false,"owner":{"type":"team","id":"40f09aca559ae250","login":"kuang-li-ws","name":"Kuang Li's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/1b9958298cc1f5002be4778a925130b283c41187de96541ef646eefe8a74e251","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":276,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"d4ce1bb15466a43f","login":"kuang-li","name":"Kuang Li","avatar_url":"https://avatars-next.observableusercontent.com/2eeac63192c71157dc0820376ee9c98b86eefafcab7f2e34db73d503f4672179","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"d4ce1bb15466a43f","login":"kuang-li","name":"Kuang Li","avatar_url":"https://avatars-next.observableusercontent.com/2eeac63192c71157dc0820376ee9c98b86eefafcab7f2e34db73d503f4672179","tier":null,"role":"editor"},{"type":"team","id":"40f09aca559ae250","login":"kuang-li-ws","name":"Kuang Li's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/1b9958298cc1f5002be4778a925130b283c41187de96541ef646eefe8a74e251","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Search Input / Observable Inputs","cells":[{"id":0,"value":"

Search Input / Observable Inputs

Observable Inputs › Search · API

\n\n# Input: Search\n\nA Search input allows freeform, full-text search of a tabular dataset (or a single column of values) using a simple query parser. It is often paired with a [Table](/@observablehq/input-table). For more examples, see [Hello, Inputs!](/@observablehq/hello-inputs)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":97,"value":"md`By default, the query is split into terms separated by spaces; each term is then prefix-matched against the property values (the fields) of each row in the data. Try searching for “gen” below to find Gentoo penguins.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"penguins = FileAttachment(\"penguins.csv\").csv({typed: true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"viewof search = Inputs.search(penguins)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":54,"value":"search // Open the array above to inspect the results.","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":197,"value":"md`Or, as a table:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":200,"value":"Inputs.table(search)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":106,"value":"md`If you search for multiple terms, such as ${htl.html` { viewof search.query = \"gen bis\"; viewof search.dispatchEvent(new CustomEvent(\"input\")); }}>“gen bis”`} (for Gentoos on the Biscoe Islands) or ${htl.html` { viewof search.query = \"gen fem\"; viewof search.dispatchEvent(new CustomEvent(\"input\")); }}>“gen fem”`} (for female Gentoos), every term must match: there’s an implicit logical AND.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":111,"value":"md`The Search input is designed to work with other [Observable inputs](/@observablehq/inputs) and especially [tables](/@observablehq/input-table). You can also refer to the current search results from any cell using a [view](/@observablehq/introduction-to-views). For example, to compute the median body mass of the matching penguins:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":117,"value":"d3.median(search, d => d.body_mass_g) // median body mass (g)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":133,"value":"md`If you’d like different search syntax or behavior, pass the *filter* option. This function is passed the current search query and returns the [filter test function](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter) to be applied to the data.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W49","stdlib":"1"}} 24:null