3e:null 3f:["$","title",null,{"children":"Immobilien Wertsteigerung 2023 | Tessy Ruppert | Observable"}] 45:T9f6,show_result = (gemeinde_selector) => { let result = "" if (gemeinde_selector) { let gemeinde = data.filter(d=>{return d.name == gemeinde_selector})[0] result = html`

Einfamilienhaus in ${gemeinde.name}
${(gemeinde.v1 / 100.0 * kaufpreis).toFixed(0)} CHF ${getIconSvg("arrow-up-right", 24)}
aktueller Wert

Eigentumswohnung in ${gemeinde.name}
${(gemeinde.v2 / 100.0 * kaufpreis).toFixed(0)} CHF ${getIconSvg("arrow-up-right", 24)}
aktueller Wert

` } return result } // ${getIconSvg("home", 19)} // ${getIconSvg("key", 19)} 46:T418,viewof gemeinde_selector = { const form = html`

Berechnen Sie die Wertsteigerung Ihrer Immobilie

Geben Sie Ihre Gemeinde ein

Wählen Sie sie dann aus dem Drop-Down-Menü aus

` form.value = "Zürich" const textbox = form.querySelector("[type=text]") const selectbox = form.querySelector("select") textbox.oninput = () => { selectbox.innerHTML = fuzzy_searcher .search(textbox.value) .reduce((a,b) => a + ``, "") form.value = selectbox.value } selectbox.oninput = () => { form.value = selectbox.value } return form }47:[{"id":"2b92cb869ac4862f6bb175161ff7549a1e90905c54a33a8cb30fa28ba373f8e5cec711e554d9fed1cca20a5b0690b6e13259f72efa2a672b640f98c5c911b8c2","href":"https://static.observableusercontent.com/files/2b92cb869ac4862f6bb175161ff7549a1e90905c54a33a8cb30fa28ba373f8e5cec711e554d9fed1cca20a5b0690b6e13259f72efa2a672b640f98c5c911b8c2","name":"data-6.csv","type":"text/csv","lastModified":1681893743833.46,"size":65188},{"id":"4bac6886119b99fa7655e69f22b571296b652d07941fe51d310ff4af7228b760b19172b1ad774fe1bbaf5f8c45aaf1b0c7fd0f2673b3b41ce93939a920dd9ea3","href":"https://static.observableusercontent.com/files/4bac6886119b99fa7655e69f22b571296b652d07941fe51d310ff4af7228b760b19172b1ad774fe1bbaf5f8c45aaf1b0c7fd0f2673b3b41ce93939a920dd9ea3","name":"data-4.csv","type":"text/csv","lastModified":1673865463057,"size":64600}] 43:{"id":"5617c18c4f1aaa22","slug":null,"title":"Immobilien Wertsteigerung 2023","thumbnail":"0b538ea13830b2b6cf7c98ec1aba88634d8c4992dfcb1e98fa654efde932fd35","access_level":"public","create_time":"$D2023-01-15T14:47:39.162Z","update_time":"$D2023-04-30T13:58:14.991Z","view_time":null,"first_public_time":"$D2023-01-15T14:47:39.162Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"174f76ec823f605c","login":"tessyruppert","name":"Tessy Ruppert","avatar_url":"https://avatars-next.observableusercontent.com/b66f5097b4feb0f5f09d1d5a1c3bb4921119339b1f55576272b9abe6155d33cb","tier":"starter_2024","bio":"","following":false},"version":561,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"f3a939d551a08947","login":"tessyruppert","name":"Tessy Ruppert","avatar_url":"https://avatars-next.observableusercontent.com/b66f5097b4feb0f5f09d1d5a1c3bb4921119339b1f55576272b9abe6155d33cb","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"f3a939d551a08947","login":"tessyruppert","name":"Tessy Ruppert","avatar_url":"https://avatars-next.observableusercontent.com/b66f5097b4feb0f5f09d1d5a1c3bb4921119339b1f55576272b9abe6155d33cb","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Immobilien Wertsteigerung 2023","cells":[{"id":0,"value":"# Immobilien Wertsteigerung 2023\n\nAdapted from https://observablehq.com/@robinl/fuzzy-finder-from-list","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":3,"value":"data = FileAttachment(\"data-6.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":10,"value":"fuzzy_search = require(\"fuzzy-search\");","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"fuzzy_searcher = new fuzzy_search(data, [\"name\"]);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":302,"value":" import {getIconSvg} from '@saneef/feather-icons'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":425,"value":"import {bootstrapIcons} from \"@kallewesterling/bootstrap-icons\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":430,"value":"bootstrapIcons","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":468,"value":"x = d3.scaleLinear() //bar chart\n .domain([0, d3.max(data)])\n .range([0, width])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":469,"value":"y = d3.scaleBand() // bar chart\n .domain(d3.range(data.length))\n .range([0, 20 * data.length])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"$45","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"viewof kaufpreis = Inputs.range([0, 10000000], {value: 1000000, step: 100000, label: \"Preis am 1.1.2020\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":197,"value":"result = show_result(gemeinde_selector)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":471,"value":"//bar chart\n/*{\n const svg = d3.create(\"svg\")\n .attr(\"width\", width)\n .attr(\"height\", y.range()[1])\n .attr(\"font-family\", \"sans-serif\")\n .attr(\"font-size\", \"10\")\n .attr(\"text-anchor\", \"end\");\n\n const bar = svg.selectAll(\"g\")\n .data(data) //gemeinde.v1 / 100.0 * kaufpreis).toFixed(0) ???\n .join(\"g\")\n .attr(\"transform\", (d, i) => `translate(0,${y(i)})`);\n\n bar.append(\"rect\")\n .attr(\"fill\", \"steelblue\")\n .attr(\"width\", x)\n .attr(\"height\", y.bandwidth() - 1);\n\n bar.append(\"text\")\n .attr(\"fill\", \"white\")\n .attr(\"x\", d => x(d) - 3)\n .attr(\"y\", (y.bandwidth() - 1) / 2)\n .attr(\"dy\", \"0.35em\")\n .text(d => d);\n\n return svg.node();\n}*/","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":256,"value":"//import { slider } from \"@bartok32/diy-inputs\"\n//import {slider} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":85,"value":"/*slider({\n title: \"Kaufpreis Einfamilienhaus\",\n desc: \"in Millionen Franken\",\n min: 0,\n max: 10000000,\n step: 100000,\n value: 1000000,\n theme: \"default-thin\",\n background: {\n type: \"double\",\n colors: [\"#7295FF\", \"#CCD8FF\"]\n }\n})*/","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W47","stdlib":"1"}} 44:"$43:body"