34:["$","title",null,{"children":"The urban space distribution in Tübingen (Germany), Part 3 | arrrrrmin | Observable"}] 3c:T4d4,# The urban space distribution in Tübingen (Germany), Part 3 The following analysis is computing the theoretically possible amount of vehicles (by type) for the parking space part of the urban space in Tübingen. For comparison it's a city with around 90k citizens. ## Definitions for vehicle dimensions | **Name** | **Length (approx in m)** | **Width (approx in m)** | **Area (approx in m2)** | **Link** | | --------- | ------------------------ | ----------- | ------------ | ------------ | |**Average Bike** | 1.8 | 0.7 | 1.26 | [Zukunft Mobilität](https://www.zukunft-mobilitaet.net/78246/analyse/flaechenbedarf-pkw-fahrrad-bus-strassenbahn-stadtbahn-fussgaenger-metro-bremsverzoegerung-vergleich/) | | **Smart Fortwo** | 2.5 | 1.5 | 3.75 | [Smart Fortwo](https://de.wikipedia.org/wiki/Smart_Fortwo) | | **VW Polo VI** | 4 | 1.75 | 7 | [VW Polo ](https://de.wikipedia.org/wiki/VW_Polo_VI) | | **BMW X1 U11** |4.5 | 1.8 | 8.1 | [BMW X1](https://de.wikipedia.org/wiki/BMW_U11)| | **Mercedes-Benz (Combi)** | 4.8 | 1.85 | 8.88 | [C-Class](https://de.wikipedia.org/wiki/Mercedes-Benz_Baureihe_206)| | **Porsche Cayenne (SUV)** | 4.9 | 1.98 | 9.7 | [Porsche Cayenne Coupé](https://de.wikipedia.org/wiki/Porsche_Cayenne_Coupé)| 3d:Tad1,chart = { const height = getSvgHelpers("Bike").height; const width = helpers.width; let svg = d3 .create("svg") .attr("id", "main") .attr("viewBox", [0, 0, width, height]); let gicons = svg .append("g") .attr("id", "icons") .attr("transform", `translate(0, 40)`); let gtitle = svg .append("g") .attr("transform", `translate(${width / 2}, 20)`) .append("text") .attr("id", "title") .attr("text-anchor", "middle"); gicons .append("defs") .append("symbol") .attr("id", "person") .attr("viewBox", `0 0 ${helpers.step} ${helpers.step}`) .html(iconography.person); gicons .append("defs") .append("symbol") .attr("id", "bike") .attr("viewBox", `0 0 ${helpers.step} ${helpers.step}`) .html(iconography.bike); gicons .append("defs") .append("symbol") .attr("id", "car") .attr("viewBox", `0 0 ${helpers.step} ${helpers.step}`) .html(iconography.car); function update(grid) { const svg = d3.select("svg#main"); const t = svg.transition().duration(750); const numFormat = d3.format(".2s"); const gtitle = d3 .select("text#title") .attr("x", 0) .attr("y", 0) .text( `Parking space of Tübingen could fit ${numFormat( svghelpers.count * svghelpers.factor )} ${vehicle.toLowerCase()}s (1 Icon = ${svghelpers.factor} vehicles)` ); const gicons = d3.select("g#icons"); const margin = 8; const icons = gicons .selectAll("use") .data(grid, (d, i) => d.id) .join( (enter) => enter .append("use") .attr("width", helpers.step - margin) .attr("x", (d) => helpers.width) .attr("y", (d) => d.y) .attr("height", helpers.step - margin) .attr("opacity", 0.6) .call((enter) => enter .transition() .delay((d, i) => i * 5) .attr("href", (d) => (d.type == "Bike" ? "#bike" : "#car")) .attr("opacity", 1.0) .attr("fill", "green") .attr("x", (d) => d.x) ), (update) => { update .transition() .delay((d, i) => i * 5) .attr("href", (d) => (d.type == "Bike" ? "#bike" : "#car")); }, (exit) => { exit .attr("y", (d) => d.y) .call((exit) => exit .attr("opacity", 0.6) .transition() .delay((d, i) => i * 5) .attr("x", (d) => helpers.width + helpers.step) .remove() ); } ); } return Object.assign(svg.node(), {update}); }3e:T10b6, 3f:T1023,iconography = { return { person: ``, bike: ` `, car: ` ` }; }40:[{"id":"fe5155b4c2bd8d810a29aa9249f8ddc7eccd6142a7650c175bd6546ceef8843f72e832381f3d6fbb219e73e19882188e215678a0a27b4e7f864ab577594ff0f9","href":"https://static.observableusercontent.com/files/fe5155b4c2bd8d810a29aa9249f8ddc7eccd6142a7650c175bd6546ceef8843f72e832381f3d6fbb219e73e19882188e215678a0a27b4e7f864ab577594ff0f9","name":"tue-data-summary.json","type":"application/json","lastModified":1765634719136.64,"size":7490}] 38:{"id":"8a3f3bdfb61be914","slug":"the-urban-space-distribution-in-tuebingen-germany-part-3","title":"The urban space distribution in Tübingen (Germany), Part 3","thumbnail":"1129e6c14ad50f52b6be21eae39d446bf3e7bfbd08c8d7b0934ce0d96cc88e1e","access_level":"public","create_time":"$D2025-12-13T14:05:11.873Z","update_time":"$D2026-10-24T10:48:25.278Z","view_time":null,"first_public_time":"$D2025-12-15T17:08:35.633Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"bf7f41dec9ab27ef","login":"arrrrrmin","name":"arrrrrmin","avatar_url":"https://avatars-next.observableusercontent.com/3934e9691a64ace267f340064ab8a0df7e20d87c1ad792334529e142e0983faa","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":796,"publish_version":796,"role":null,"authored":false,"authors":[{"type":"individual","id":"d4464ef62fb0b4c5","login":"arrrrrmin","name":"arrrrrmin","avatar_url":"https://avatars-next.observableusercontent.com/3934e9691a64ace267f340064ab8a0df7e20d87c1ad792334529e142e0983faa","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"team","id":"bf7f41dec9ab27ef","login":"arrrrrmin","name":"arrrrrmin","avatar_url":"https://avatars-next.observableusercontent.com/3934e9691a64ace267f340064ab8a0df7e20d87c1ad792334529e142e0983faa","tier":"starter_2024","role":"editor"},{"type":"individual","id":"d4464ef62fb0b4c5","login":"arrrrrmin","name":"arrrrrmin","avatar_url":"https://avatars-next.observableusercontent.com/3934e9691a64ace267f340064ab8a0df7e20d87c1ad792334529e142e0983faa","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"97a61f69a9f1fae7","slug":"space-in-town","title":"Space in town","owner":{"id":"bf7f41dec9ab27ef","login":"arrrrrmin","name":"arrrrrmin"}},"type":"notebook","body":{"titling":"auto","title":"The urban space distribution in Tübingen (Germany), Part 3","cells":[{"id":0,"value":"$3c","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":122,"value":"viewof vehicle = Inputs.radio(Object.keys(helpers.areas), {\n label: \"Vehicle\",\n value: \"Bike\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"$3d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":783,"value":"update = {\n return chart.update(svghelpers.grid);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":698,"value":"svghelpers = getSvgHelpers(vehicle)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":694,"value":"getSvgHelpers = (vehicle) => {\n const factor = 5000;\n\n const parkingSpace = data.children[0].children.find(\n (c) => c.name == \"parking\"\n );\n\n const count = Math.ceil(parkingSpace.value / helpers.areas[vehicle] / factor);\n const cols = Math.floor(helpers.width / helpers.step);\n const grid = d3.range(count).map((d, i) => {\n return {\n x: (i % cols) * helpers.step,\n y: Math.floor(i / cols) * helpers.step,\n type: vehicle,\n id: `${i}`\n };\n });\n\n const height = d3.max(grid, (d) => d.y) + 2 * helpers.step;\n\n return { grid, count, factor, height };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":486,"value":"$3e","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":27,"value":"$3f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"helpers = {\n const names = data.children.map((d) => d.name);\n const step = 32;\n const width = 650;\n const areas = {\n Bike: 1.26,\n Smart: 3.75,\n Polo: 7,\n BmwX1: 8.1,\n Combi: 8.88,\n SUV: 9.7\n };\n\n return { names, step, width, areas };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":785,"value":"","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"data = FileAttachment(\"tue-data-summary.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W40","stdlib":"1"}} 33:null