3c:null 3d:["$","title",null,{"children":"Learning Observable: Importing and remixing cells and notebooks | HARUN PEHLİVAN | Observable"}] 43:T41b,The term forking comes from version control systems, and essentially means making a copy of a document, and that copy knows where it came from. A forked notebook works like a completely independent copy, but because it knows which parent notebook it was derived from, it has some additional functionality. One of them is the ability to make suggestions. A good model for testing out ideas is to fork a notebook, test the ideas in the fork, and then use the [_suggest_](https://observablehq.com/@observablehq/fork-suggest-merge) feature to send the changes back to the original author. If you're familiar with git or other distributed version control systems, you would recognize this as a pull request. The owner of the original notebook can then inspect the changes and decide whether to accept the suggestion and merge the changes into their version, or ignore them. But it's also just a great way to start your work from an existing example you like, perhaps something you found on [Observable's Explore page](https://observablehq.com/explore).44:[{"id":"21a793708966e192111a05718bdc96ac9d5dfc273bf126f9a135aedec52813d8bf7872c2fb58392be66d603569c88e77b580db95b04796160d86a1219ba04f63","href":"https://static.observableusercontent.com/files/21a793708966e192111a05718bdc96ac9d5dfc273bf126f9a135aedec52813d8bf7872c2fb58392be66d603569c88e77b580db95b04796160d86a1219ba04f63","name":"lock.png","type":"image/png","lastModified":1674512801080.742,"size":1187},{"id":"ee7dd25dd576df5bb875569d361bb87dfb1ba611668cff7c9da2fad2c1406c722398642b8d46734777e24ae1cbc6e12a8c3b4224f4dac8c082ed258b67371bd0","href":"https://static.observableusercontent.com/files/ee7dd25dd576df5bb875569d361bb87dfb1ba611668cff7c9da2fad2c1406c722398642b8d46734777e24ae1cbc6e12a8c3b4224f4dac8c082ed258b67371bd0","name":"new-users-course-import-reuse.png","type":"image/png","lastModified":1674512801080.742,"size":796294},{"id":"c8069e582acced55727700536b4c2f63b464c09b68668408667e9f552f3cc031e9c8cce0c60292942234c3c22830e38f1a2af375305c46a3f64126f8efc96c64","href":"https://static.observableusercontent.com/files/c8069e582acced55727700536b4c2f63b464c09b68668408667e9f552f3cc031e9c8cce0c60292942234c3c22830e38f1a2af375305c46a3f64126f8efc96c64","name":"new-users-course-sm-imports@1.png","type":"image/png","lastModified":1674512801080.742,"size":258083},{"id":"e9db369785a154ae0bbd6dc0c9ecc0c94842e81cdd2ef3a071a3b7192cf57499d5149c0ae9e2e31eb98c023ea472651dcb44634eec160743b1c970c52070a752","href":"https://static.observableusercontent.com/files/e9db369785a154ae0bbd6dc0c9ecc0c94842e81cdd2ef3a071a3b7192cf57499d5149c0ae9e2e31eb98c023ea472651dcb44634eec160743b1c970c52070a752","name":"fork.mov","type":"video/quicktime","lastModified":1674512801080.742,"size":6580718},{"id":"f0f39ec9d424f48ad18ef1a4b0c312aa2015e7893ed7886eac6ccfb6bcca5f81919d042cd96cb46f7a55b21ef7fc6429872a5636860b44104508b7de2a2a3827","href":"https://static.observableusercontent.com/files/f0f39ec9d424f48ad18ef1a4b0c312aa2015e7893ed7886eac6ccfb6bcca5f81919d042cd96cb46f7a55b21ef7fc6429872a5636860b44104508b7de2a2a3827","name":"import101.mov","type":"video/quicktime","lastModified":1674512801080.742,"size":5921711}] 41:{"id":"8c24947c450231a6","slug":null,"title":"Learning Observable: Importing and remixing cells and notebooks","thumbnail":"30131be68e0b1e43fb09783b73dc5dadc82eb01c5a2784b10f423dd0b9ab5845","access_level":"public","create_time":"$D2023-01-23T22:26:41.080Z","update_time":"$D2023-01-23T22:26:41.080Z","view_time":null,"first_public_time":"$D2023-01-23T22:26:41.080Z","has_unpublished_edits":null,"fork":{"id":"3455fc643fe664d7","slug":"learning-observable-importing-and-remixing-cells-and-note","title":"Learning Observable: Importing and remixing cells and notebooks","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"stars":0,"starred":false,"owner":{"type":"team","id":"89871c66e55ab006","login":"harunpehlivan","name":"HARUN PEHLİVAN","avatar_url":"https://avatars-next.observableusercontent.com/d9c058ebc3dfacd1790ad624b5314b38677368ebeea1a92b6772e4d6eaeb8d00","tier":"starter_2024","bio":"22/07/1984 Çorum'da Doğdum Aslen Samsun'un Havza ilçesi "},"version":205,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"8c0808d73a4defaf","login":"harunpehlivan","name":"HARUN PEHLİVAN","avatar_url":"https://avatars-next.observableusercontent.com/d9c058ebc3dfacd1790ad624b5314b38677368ebeea1a92b6772e4d6eaeb8d00","tier":null,"bio":"22/07/1984 Çorum'da Doğdum Aslen Samsun'un Havza ilçesi "}],"members":[{"type":"individual","id":"8c0808d73a4defaf","login":"harunpehlivan","name":"HARUN PEHLİVAN","avatar_url":"https://avatars-next.observableusercontent.com/d9c058ebc3dfacd1790ad624b5314b38677368ebeea1a92b6772e4d6eaeb8d00","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Learning Observable: Importing and remixing cells and notebooks","cells":[{"id":0,"value":"# Learning Observable: Importing and remixing cells and notebooks","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":102,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":115,"value":"\nWe've imported the `letterFrequency` chart below from [the earlier notebook about inputs](https://observablehq.com/d/ec4297da21238b6b?collection=@observablehq/intro-to-observable). It depends on a dataset and three variables that pick the letter to highlight as well as the colors of the selected and regular bars. The import brings all of those necessary values with it.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":31,"value":"import {letterFrequency} from \"@observablehq/learning-observable-user-inputs-and-interactivity\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"This imports the cell and creates a variable of the same name. To use it in our notebook here, we can call it in this notebook:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":35,"value":"letterFrequency","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"If you don't like the name of the cell in the original notebook, perhaps because it has a generic name such as `data` _or_ because you already have an object stored with the same name (which isn't allowed in Observable notebooks), you can rename it directly in the import statement:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":53,"value":"import {formatMoney as dollars} from \"@observablehq/excel-simple-modeling\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"We can now call our imported function just like any other function:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":61,"value":"dollars(Math.random()*1000000)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"To import multiple cells from the same notebook, add their names into the same import statement, separated by commas.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":121,"value":"You might also notice a lock symbol

on top of a cell that contains an import from another notebook. This allows you to lock the version of the notebook that the cell is imported from. Locking the version ensures that you get the exact cell you expected, but it also means that you will not get any updates that are made to it.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":11,"value":"## Importing external libraries\n\nIn addition to importing from other notebooks, you can also import general JavaScript modules. Observable already includes many useful libraries (D3, Plot, lodash, and more) but you might want to use one that isn't available by default.\n\nUnfortunately, there is no single standard for JavaScript modules, which can make importing a challenge at times. We have a [helpful import debugger](https://observablehq.com/@observablehq/module-require-debugger) to help with this.\n\nMany external modules are easy to import, however, such as this [library of financial functions](https://www.npmjs.com/package/financial) that we're using in [our mortgage calculator](https://observablehq.com/@observablehq/modeling-in-observable?collection=@observablehq/observable-for-excel-users).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":13,"value":"financial = import('https://unpkg.com/financial@0.1.3/dist/financial.esm.js?module')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"Some libraries implement their own reactivity model or interact with the DOM, which conflicts with how Observable works. The vast majority of libraries do not do that, however, and can used without issue.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":9,"value":"Imports are often moved to the end of a notebook, or an appendix (since Observable's reactive dataflow means that the order of the cells doesn't matter).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":18,"value":"## Forking a notebook\n\nA different way of reusing a notebook, and a way to collaborate, is to _fork_ a notebook. This is done by selecting the _Fork_ option from the menu in the top right of every notebook.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":162,"value":"