2b:null 2c:["$","title",null,{"children":"Data exploratie profiel en halteinformatie | Jurian | Observable"}] 31:T641,mapTooltipDescriptionHTML = e => { const prop = e.features[0].properties; console.log(prop); const name = JSON.parse(prop.stopplace).stopplacename.publicname; const quayaccessibilityadaptions = JSON.parse( prop.quayaccessibilityadaptions ); const transportmode = JSON.parse(prop.quaytransportmodes).transportmodedata .transportmode; const direction = JSON.parse(prop.quaybearing).compassdirection; const profileAccessibleScore = JSON.parse(prop.profileAccessibleScore); console.log(Object.entries(profileAccessibleScore)); const ramp = (transportmode === 'tram' && quayaccessibilityadaptions.kerbheight >= .10) || (transportmode === 'bus' && quayaccessibilityadaptions.kerbheight >= .18) || (!transportmode === 'tram' && !transportmode === 'bus'); return `${name} ${getCardinalDirection(direction)}
${prop.quaycode}
${transportmode}
smalste breedte: ${ quayaccessibilityadaptions.narrowestpassagewidth } m
hoogte: ${quayaccessibilityadaptions.kerbheight * 100} cm
hoog genoeg voor plank: ${ramp ? 'Ja' : 'Nee'}
${Object.entries(profileAccessibleScore) .filter(el => el[0].includes('Rating')) .map((el, index) => `${ratingTranslations[index]}: ${el[1]}
`) .join('')}
${ prop.brokenLift ? '
Let op: de lift is hier kapot' : '' } `; // TODO: // * Hoe druk is het op de lijnen? // * Mag mijn hulpmiddel mee? }32:Te43,profileAccessibleScore = el => { const adaptations = el.properties.quayaccessibilityadaptions || {}; const threshold = !adaptations.ramp && !adaptations.stopplaceaccessroute && adaptations.heightwithenvironment > 0; const transportMode = el.properties.quaytransportmodes.transportmodedata.transportmode; // .range(["Rood", "Oranje", "Lichtgroen", 'Groen']); const stopTresholdProfile = profile.profileQuestionMaxStepHeight / 100; const stopTreshold = threshold ? adaptations.heightwithenvironment : null; const stopTresholdDifference = stopTresholdProfile - stopTreshold; // voorbeeld: profiel: maxdrempel is 5, situatie: drempel is 6 => difference 5-6= -1 const stopTresholdRating = ratingScale([-.01, 0, .01])( stopTresholdDifference ); const stopNarrowestWidthProfile = profile.profileQuestionMinimumWidth; const stopNarrowestWidth = adaptations.narrowestpassagewidth; const stopNarrowestWidthDifference = stopNarrowestWidth - stopNarrowestWidthProfile; const stopNarrowestWidthRating = ratingScale([-.05, 0, .05])( stopNarrowestWidthDifference ); const vehicleTresholdProfile = profile.profileQuestionMaxStepHeight / 100; const vehicleTreshold = transportMode === 'tram' ? .29 - adaptations.kerbheight : transportMode === 'bus' ? .23 - adaptations.kerbheight : null; const vehicleTresholdDifference = vehicleTresholdProfile - vehicleTreshold; const vehicleTresholdRating = ratingScale([-.01, 0, .01])( vehicleTresholdDifference ); const plankRoomWidthProfile = 1.5; const plankRoomWidth = adaptations.boardingpositionwidth; const plankRoomWidthDifference = plankRoomWidth - plankRoomWidthProfile; const plankRoomWidthRating = ratingScale([-.2, 0, .05])( plankRoomWidthDifference ); // profileMinimalPlatformHeightTram: profileQuestionRamp === 'true' ? .10 : 0, // .225 meter is officieel, we hebben gevallen gezien waar het bij 0.07 lukt. Voor de test op .10 gezet (10cm) // profileMinimalPlatformHeightBus: profileQuestionRamp === 'true' ? .18 : 0, // TODO: plankRoomMinHeight lostrekken in tram en bus variant, en nog rekening houden met afmetingen plank bus, dat doen we nu nog niet const plankRoomMinHeightProfile = profile.profileModality === 'wheelchairManual' && transportMode === 'bus' ? .161 : profile.profileModality === 'wheelchairElectric' && transportMode === 'bus' ? .126 : profile.profileModality === 'wheelchairManual' && transportMode === 'tram' ? .221 : profile.profileModality === 'wheelchairElectric' && transportMode === 'tram' ? .186 : 0; const plankRoomKerbHeight = adaptations.kerbheight; const plankRoomMinHeightDifference = plankRoomKerbHeight - plankRoomMinHeightProfile; // TODO: zie hierboven, ratingschaal moet rekening houden met bus en tram, dit is nog te kort door de bocht const plankRoomMinHeightRating = ratingScale([-.01, 0, 0])( plankRoomMinHeightDifference ); return { transportMode, stopTresholdProfile, stopTreshold, stopTresholdDifference, stopTresholdRating, stopNarrowestWidthProfile, stopNarrowestWidth, stopNarrowestWidthDifference, stopNarrowestWidthRating, vehicleTresholdProfile, vehicleTreshold, vehicleTresholdDifference, vehicleTresholdRating, plankRoomWidthProfile, plankRoomWidth, plankRoomWidthDifference, plankRoomWidthRating, plankRoomMinHeightProfile, plankRoomKerbHeight, plankRoomMinHeightDifference, plankRoomMinHeightRating // minimum kerbheight for plank }; }33:T760,//////////////////////////////////////////////// /// All profile > haltedata logic is in here /// //////////////////////////////////////////////// profileAccessibleCalculationCHB = el => { const adaptations = el.properties.quayaccessibilityadaptions || {}; const stairs = !adaptations.ramp && !adaptations.stopplaceaccessroute && adaptations.heightwithenvironment > 0; const transportMode = el.properties.quaytransportmodes.transportmodedata.transportmode; return ( // wider than profile width // TODO: niet alleen naar minimum breedte maar ook breedte instapplek kijken adaptations.narrowestpassagewidth >= profile.profileQuestionMinimumWidth && // // lower than max stepheight if there is a stairs (drempel) and if there is no elevator (stairs && !adaptations.lift ? adaptations.heightwithenvironment <= profile.profileQuestionMaxStepHeight / 100 : true) && // higher than minimal platform height for trams (transportMode === 'tram' ? adaptations.kerbheight >= profile.profileMinimalPlatformHeightTram : true) && (transportMode === 'bus' ? adaptations.kerbheight >= profile.profileMinimalPlatformHeightBus : true) && // TODO: check if haltes can be too high for ramp (ramp would bump into platform), different maxheight for bus and tram // check for elevators: halte has elevator OR the ground level is 0 OR an elevator is not needed in user profile (adaptations.lift || el.properties.quaylocationdata.level === 0 || !profile.profileQuestionElevator) && // check for seating OR seating not needed in user profile (el.properties.quayfacilities.seatavailable || !profile.profileQuestionSeating) && // check for shelter OR shelter not needed in user profile (el.properties.quayfacilities.shelter || !profile.profileQuestionCover) ); }34:Tad3,map = { let map = this; if (!map) { // Create the \`map\` object with the mapboxgl.Map constructor, referencing // the container div map = new mapboxgl.Map({ container, center: [4.9, 52.366667], zoom: 10, style: "mapbox://styles/mapbox/light-v10" }); } let haltes = { id: "haltes", source: "haltes", type: "circle", paint: { "circle-radius": 4, 'circle-color': halteMapboxExpression, "circle-opacity": 0.6, "circle-stroke-width": 0 } }; // Wait until the map loads, then yield the container again. yield new Promise(resolve => { if (map.loaded()) resolve(map); else map.on('load', () => resolve(map)); }); map.addSource('haltes', halteDataCHBGeoJSON); if (map.getLayer(haltes.id)) { map.removeLayer(haltes.id); } map.addLayer(haltes); // Create a popup, but don't add it to the map yet. var popup = new mapboxgl.Popup({ closeButton: true, closeOnClick: true }); map.on('mouseenter', 'haltes', function(e) { // Change the cursor style as a UI indicator. map.getCanvas().style.cursor = 'pointer'; var coordinates = e.features[0].geometry.coordinates.slice(); var description = mapTooltipDescriptionHTML(e); // get html from function // Ensure that if the map is zoomed out such that multiple // copies of the feature are visible, the popup appears // over the copy being pointed to. while (Math.abs(e.lngLat.lng - coordinates[0]) > 180) { coordinates[0] += e.lngLat.lng > coordinates[0] ? 360 : -360; } // First resolve the image promise, then populate the popup and set its coordinates // based on the feature found. // disable fetchThumb, panorama service from amsterdam.nl is disabled // fetchThumb( // `https://api.data.amsterdam.nl/panorama/panoramas/?near=${coordinates[0]},${coordinates[1]}&page_size=0&radius=250&srid=4326×tamp_after=2019-01-01` // ).then(thumbnail => // getPassesAPI(e.features[0].properties.quaycode.slice(5)).then( // passesMessage => // popup // .setLngLat(coordinates) // .setMaxWidth("300px") // .setHTML( // `${description}

${passesMessage}` // ) // .addTo(map) // ) // ); getPassesAPI(e.features[0].properties.quaycode.slice(5)).then( passesMessage => popup .setLngLat(coordinates) .setMaxWidth("300px") .setHTML(`${description}
${passesMessage}`) .addTo(map) ); }); map.on('mouseleave', 'haltes', function() { map.getCanvas().style.cursor = ''; // popup.remove(); }); }35:Tb4f,rdToWgs84 = (x, y) => { /** * Converts the Dutch coordinate system to standard WGS84 (GPS) coordinates * * @param x * @param y * @return {{lon: *, error: null, lat: *}} */ const convert = (x, y) => { const x0 = 155000.000; const y0 = 463000.000; const f0 = 52.156160556; const l0 = 5.387638889; const a01 = 3236.0331637; const b10 = 5261.3028966; const a20 = -32.5915821; const b11 = 105.9780241; const a02 = -0.2472814; const b12 = 2.4576469; const a21 = -0.8501341; const b30 = -0.8192156; const a03 = -0.0655238; const b31 = -0.0560092; const a22 = -0.0171137; const b13 = 0.0560089; const a40 = 0.0052771; const b32 = -0.0025614; const a23 = -0.0003859; const b14 = 0.0012770; const a41 = 0.0003314; const b50 = 0.0002574; const a04 = 0.0000371; const b33 = -0.0000973; const a42 = 0.0000143; const b51 = 0.0000293; const a24 = -0.0000090; const b15 = 0.0000291; const dx = (x - x0) * Math.pow(10, -5); const dy = (y - y0) * Math.pow(10, -5); let df = a01 * dy + a20 * Math.pow(dx, 2) + a02 * Math.pow(dy, 2) + a21 * Math.pow(dx, 2) * dy + a03 * Math.pow(dy, 3); df += a40 * Math.pow(dx, 4) + a22 * Math.pow(dx, 2) * Math.pow(dy, 2) + a04 * Math.pow(dy, 4) + a41 * Math.pow(dx, 4) * dy; df += a23 * Math.pow(dx, 2) * Math.pow(dy, 3) + a42 * Math.pow(dx, 4) * Math.pow(dy, 2) + a24 * Math.pow(dx, 2) * Math.pow(dy, 4); const f = f0 + df / 3600; let dl = b10 * dx + b11 * dx * dy + b30 * Math.pow(dx, 3) + b12 * dx * Math.pow(dy, 2) + b31 * Math.pow(dx, 3) * dy; dl += b13 * dx * Math.pow(dy, 3) + b50 * Math.pow(dx, 5) + b32 * Math.pow(dx, 3) * Math.pow(dy, 2) + b14 * dx * Math.pow(dy, 4); dl += b51 * Math.pow(dx, 5) * dy + b33 * Math.pow(dx, 3) * Math.pow(dy, 3) + b15 * dx * Math.pow(dy, 5); const l = l0 + dl / 3600; const fWgs = f + (-96.862 - 11.714 * (f - 52) - 0.125 * (l - 5)) / 100000; const lWgs = l + (-37.902 + 0.329 * (f - 52) - 14.667 * (l - 5)) / 100000; return { error: null, lat: fWgs, lon: lWgs }; }; /** * Exports the converter module * * @param x * @param y * @return {{lon: *, error: null, lat: *}|{lon: null, error: string, lat: null}} */ x = parseFloat(x); y = parseFloat(y); if (x < 1000) x *= 1000; if (y < 1000) y *= 1000; if (x < 0 || x > 290000) { return { error: new Error("Value 'X' must be between 0 and 290(000)"), lat: null, lon: null }; } if (y < 290000 || y > 630000) { return { error: new Error("Value 'Y' must be between 290(000) and 630(000)"), lat: null, lon: null }; } return convert(x, y); }36:[{"id":"9b964be148125f77dfb1c5c98628509ee377e76411bfacdca97132d052c26124c9e656b11e59f4841bbdfa256c686d8f6f342f1ddea3c63ca2c08cfa6eb2b731","href":"https://static.observableusercontent.com/files/9b964be148125f77dfb1c5c98628509ee377e76411bfacdca97132d052c26124c9e656b11e59f4841bbdfa256c686d8f6f342f1ddea3c63ca2c08cfa6eb2b731","name":"ExportCHBLatest-amsterdam@2.json","type":"application/json","lastModified":1611740868153.024,"size":5041529}] 2f:{"id":"d71c56408e9c033b","slug":"prototype-profiel-en-halteinformatie","title":"Data exploratie profiel en halteinformatie","thumbnail":"795f514a6a7ea82228ff08c3be1a18b4acafbcac3acd5697c83f23d92438513b","access_level":"public","create_time":"$D2020-09-21T17:31:05.065Z","update_time":"$D2021-07-08T12:52:15.706Z","view_time":null,"first_public_time":"$D2020-09-23T14:05:44.754Z","fork":false,"stars":2,"starred":false,"owner":{"type":"team","id":"adde9ced57f6607f","login":"jurb","name":"Jurian","avatar_url":"https://avatars-next.observableusercontent.com/352571cd5da6065dc4c4fce0bf21b6b150fef0cc85a4473883cd0142e44480a7","tier":"starter_2024"},"version":3809,"publish_version":3809,"role":null,"authored":false,"authors":[{"type":"individual","id":"556f67ab3442236a","login":"jurb","name":"Jurian","avatar_url":"https://avatars-next.observableusercontent.com/352571cd5da6065dc4c4fce0bf21b6b150fef0cc85a4473883cd0142e44480a7","tier":null}],"members":[{"type":"individual","id":"556f67ab3442236a","login":"jurb","name":"Jurian","avatar_url":"https://avatars-next.observableusercontent.com/352571cd5da6065dc4c4fce0bf21b6b150fef0cc85a4473883cd0142e44480a7","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":6,"collection":null,"type":"notebook","body":{"title":"Data exploratie profiel en halteinformatie","cells":[{"id":267,"value":"md`# Data exploratie profiel en halteinformatie\n\nDit notebook (gemaakt door het focusteam van de innovatieafdeling van de Gemeente Amsterdam) toont aan welke haltes in Amsterdam toegankelijk zijn aan de hand van een persoonlijk reisprofiel. \n\nWe matchen profielgegevens over omstandigheden, voorkeuren en beperkingen met open data over haltes. De afwegingen die gemaakt zijn bij het koppelen van het profiel aan het haltebestand staan in [dit spreadsheet](https://docs.google.com/spreadsheets/d/1ANc_PizZm7Eu82_2hiIWGCYqAqQ7Wi2IE11AMYkdxq0/edit?usp=sharing). \n\nWe gebruiken een [door ons gegenereerde JSON versie](https://github.com/jurb/ndovhaltes-a11yjson) van het dagelijks geupdate [XML bestand van het ndovloket](https://data.ndovloket.nl/haltes/). \n\nComments op het notebook zijn zeer welkom!\n\n*Dit is nog werk in uitvoering, er staan nog veel keuzes open. De toegankelijke en niet-toegankelijke haltes zijn een voorlopig resultaat, dit kan in de loop van het project nog veranderen*.\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":115,"value":"viewof profileModality = radio(modalities)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1006,"value":"profileQuestionMinimumWidthView = {\n return profileWheelchairs.includes(profileModality)\n ? slider({\n min: 0,\n max: 3,\n value: .9,\n step: 0.1,\n format: v => `${v} m`,\n title: 'Wat is de breedte van je rolstoel?',\n description:\n \"De meeste mensen in een rolstoel hebben minimaal 90cm nodig.\"\n })\n : false;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":990,"value":"// TODO aanvinken bij wheelchair modalit\nprofileQuestionRampView = {\n return profileWheelchairs.includes(profileModality)\n ? checkbox({\n options: [\n {\n value: true,\n label: \"Ik wil drempelloos reizen (en van de plank gebruik maken)\"\n }\n ],\n value: 'true'\n })\n : false;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":17,"value":"profileQuestionMaxStepHeightView = {\n return !profileQuestionRamp\n ? slider({\n min: 0,\n max: 15,\n value: 2,\n step: 1,\n format: v => `${v} cm`,\n title: \"Geef hier aan hoe hoog een drempel voor jou kan zijn\",\n description: \"We tonen hier binnenkort plaatjes om je te helpen\"\n })\n : false;\n // changed from '!profileQuestionRamp' operator\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":233,"value":"viewof profileQuestionElevator = checkbox({\n // title: \"Ik gebruik altijd een plank\",\n // description: \"\",\n options: [{ value: true, label: \"Ik wil met de lift als die er is\" }],\n value: false\n})\n\n// TODO: match with elevator in equipment","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":969,"value":"viewof profileQuestionSeating = checkbox({\n options: [{ value: true, label: \"Ik wil kunnen zitten / leunen\" }],\n value: false\n})\n\n// TODO: match with elevator in equipment","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":973,"value":"viewof profileQuestionCover = checkbox({\n options: [{ value: true, label: \"Ik wil overdekt kunnen wachten\" }],\n value: false\n})\n\n// TODO: match with elevator in equipment","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1192,"value":"md`### Geschouwde haltes toegankelijk volgens profiel: ${percentageToegankelijkProfiel}% / volgens DOVA: ${percentageToegankelijkDova}%\n\nWe tonen hier alleen haltes in Amsterdam met toegankelijkheidsinformatie (dit zijn ${Math.round(\n geschouwdeHaltesPercentage * 100\n)}% van de haltes)\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":25,"value":"container = html`

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2134,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3624,"value":"ratingTranslations = [\n \"Drempel naar de halte laag genoeg?\",\n \"Doorgang op de halte breed genoeg?\",\n \"Drempel naar voertuig laag genoeg?\",\n \"Genoeg ruimte voor de plank?\",\n \"Sluit de plank goed aan in de hoogte?\"\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3606,"value":"Object.entries(\n halteDataProfielCHB.data.features[35].properties.profileAccessibleScore\n)\n .map(el => `${el[0]}: ${el[1]}
`)\n .join('')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1569,"value":"md`### Zoom in op adres`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1376,"value":"viewof query = submit({ value: \"Herengracht 512\" })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1403,"value":"viewof zoom = checkbox({\n options: [{ value: \"zoom\", label: \"zoom\" }],\n value: false\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1761,"value":"viewof halteSelect = autoSelect({\n title: 'Selecteer breedte aan de hand van halte',\n description: 'Handig als je al een halte kent waar het nét past',\n options: halteDataCHBGeoJSON.data.features.map(\n d =>\n `${\n d.properties.stopplace.stopplacename.publicname\n } ${getCardinalDirection(d.properties.quaybearing.compassdirection)}`\n ),\n placeholder: \"Haltenaam\"\n})\n\n// TODO: we zoeken de eerste halte op naam, moet ook op richting. Kan met XML met kompasrichting.","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1116,"value":"md`# Profiel variabelen`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1156,"value":"md`## Profiel samenstellen`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":331,"value":"profile = {\n return {\n profileQuestionElevator: profileQuestionElevator === 'true',\n profileQuestionMaxStepHeight: profileQuestionMaxStepHeight,\n profileQuestionMinimumWidth: profileQuestionMinimumWidth,\n profileQuestionSeating: profileQuestionSeating === 'true',\n profileQuestionCover: profileQuestionCover === 'true',\n profileRampNeeded: profileWheelchairs.includes(profileModality),\n profileQuestionRampWanted: profileQuestionRamp === 'true',\n // profileMinimalPlatformHeightTram: profileQuestionRamp === 'true' ? .225 : 0, // .225 is officieel\n profileMinimalPlatformHeightTram: profileQuestionRamp === 'true' ? .10 : 0, // .225 meter is officieel, we hebben gevallen gezien waar het bij 0.07 lukt. Voor de test op .10 gezet (10cm)\n profileMinimalPlatformHeightBus: profileQuestionRamp === 'true' ? .18 : 0,\n profileModality: profileModality,\n profileEmbarkmentSpace: profileEmbarkmentSpace\n };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":670,"value":"modalities = {\n return {\n title: 'Hoe verplaats je je?',\n // description: 'Selecteer',\n options: [\n { label: 'Ik gebruik een handrolstoel', value: 'wheelchairManual' },\n {\n label: 'Ik gebruik een electrische rolstoel',\n value: 'wheelchairElectric'\n },\n { label: 'Ik gebruik een scootmobiel', value: 'mobilityScooter' },\n\n { label: 'Ik gebruik een rollator', value: 'walker' },\n { label: 'Ik gebruik een wandelstok', value: 'walkingStick' },\n { label: 'Ik gebruik geen van deze hulpmiddelen', value: 'noHelp' }\n ],\n value: 'noHelp'\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1106,"value":"profileQuestionMaxStepHeight = profileQuestionMaxStepHeightView\n ? Generators.input(profileQuestionMaxStepHeightView)\n : false","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1051,"value":"profileQuestionRamp = profileQuestionRampView\n ? Generators.input(profileQuestionRampView)\n : false","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1011,"value":"mutable profileQuestionMinimumWidth = profileQuestionMinimumWidthView\n ? Generators.input(profileQuestionMinimumWidthView)\n : 0","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1075,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":998,"value":"profileWheelchairs = [\n 'wheelchairManual',\n 'wheelchairElectric',\n 'mobilityScooter'\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1277,"value":"profileMinimalPlatformHeightTram = profile.profileMinimalPlatformHeightTram","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":104,"value":"profileMinimumWidth = .9","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":613,"value":"md`## Data filteren met profiel object`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3329,"value":"halteDataCHBGeoJSON.data.features.map(el => ({\n halteProfileScores: profileAccessibleScore(el),\n ...el\n}))[111]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3545,"value":"halteDataCHBGeoJSON.data.features.map(el => ({\n halteProfileScores: profileAccessibleScore(el),\n ...el\n}))[49]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3421,"value":"halteDataCHBGeoJSON.data.features.map(el => ({\n halteProfileScores: profileAccessibleScore(el),\n ...el\n}))[45]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3323,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3448,"value":"ratingScale = (domain) => d3.scaleThreshold()\n .domain(domain)\n .range(ratingsRange);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3527,"value":"ratingsRange = [\"🔴\", \"🟠\", \"🤔\", '🟢']","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3494,"value":"ratingScale([0, 1, 3])(-9)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3440,"value":"profile.profileModality","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2706,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":746,"value":"map.getSource('haltes').setData(halteDataProfielCHB.data)\n// als data verandert, mapbox data updaten","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2711,"value":"halteDataProfielCHB = {\n return {\n type: 'geojson',\n data: {\n type: \"FeatureCollection\",\n features: halteDataCHBGeoJSON.data.features.map(el => ({\n ...el,\n properties: {\n ...el.properties,\n profileAccessibleScore: profileAccessibleScore(el),\n profileAccessible: profileAccessibleCalculationCHB(el),\n brokenLift: gvbData.find(\n d =>\n el.properties.stopplace.stopplacename.publicname.includes(\n d.Station\n ) &&\n el.properties.quaytransportmodes.transportmodedata\n .transportmode === 'metro'\n )\n ? true\n : false\n }\n }))\n }\n };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":194,"value":"profileEmbarkmentSpace = profileQuestionMinimumWidth + .6","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1817,"value":"// TODO: alleen als er een halte is geselecteerd geven we de width en later ook andere waarden waarden mee\nfilterDataOnHalteSelect = {\n if (halteSelect !== \"\") {\n const halte = halteDataCHBGeoJSON.data.features.find(\n d =>\n `${\n d.properties.stopplace.stopplacename.publicname\n } ${getCardinalDirection(\n d.properties.quaybearing.compassdirection\n )}` === halteSelect\n );\n\n const halteWidth =\n halte.properties.quayaccessibilityadaptions.narrowestpassagewidth;\n setProfileValueView(profileQuestionMinimumWidthView, halteWidth);\n mutable profileQuestionMinimumWidth = halteWidth;\n } else return 'niks geselecteerd';\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":720,"value":"md`# Weergave variabelen`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":886,"value":"halteDataProfielToegankelijk = halteDataProfielCHB.data.features.filter(\n el => el.properties.profileAccessible\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":889,"value":"halteDataProfielNietToegankelijk = halteDataProfielCHB.data.features.filter(\n el => !el.properties.profileAccessible\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":705,"value":"TotaalNietToegankelijkDova = halteDataCHBGeoJSON.data.features.filter(\n el => el.properties.quaydisabledaccessible.disabledaccessible !== 'Y'\n).length","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":693,"value":"TotaalToegankelijkDova = halteDataCHBGeoJSON.data.features.filter(\n el => el.properties.quaydisabledaccessible.disabledaccessible === 'Y'\n).length","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":846,"value":"TotaalNietToegankelijkProfiel = halteDataProfielNietToegankelijk.length","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":857,"value":"TotaalToegankelijkProfiel = halteDataProfielToegankelijk.length","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":860,"value":"percentageToegankelijkDova = Math.floor(\n (TotaalToegankelijkDova /\n (TotaalToegankelijkDova + TotaalNietToegankelijkDova)) *\n 1000\n) / 10","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":868,"value":"percentageToegankelijkProfiel = Math.floor(\n (TotaalToegankelijkProfiel /\n (TotaalToegankelijkProfiel + TotaalNietToegankelijkProfiel)) *\n 1000\n) / 10","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2895,"value":"geschouwdeHaltesPercentage = halteDataCHBQuays.filter(\n el => el.quayaccessibilityadaptions\n).length / halteDataCHBQuays.length","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3751,"value":"md`### Analyse blokjes`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3722,"value":"halteDataCHBQuays.filter(\n el => el?.quayaccessibilityadaptions?.boardingpositionwidth === 0.01\n).map(el => el.quaytransportmodes.transportmodedata.transportmode)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3729,"value":"halteDataCHBQuays.filter(\n el => el?.quayaccessibilityadaptions?.boardingpositionwidth === 0.01\n).map(el => el.quaytransportmodes.transportmodedata.transportmode)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3731,"value":" halteDataCHBQuays.filter(\n (el) =>\n el?.quayaccessibilityadaptions?.baylength === 0.01 ||\n // el?.quayaccessibilityadaptions?.kerbheight === 0.01 ||\n el?.quayaccessibilityadaptions?.boardingpositionwidth === 0.01 ||\n el?.quayaccessibilityadaptions?.alightingpositionwidth === 0.01 ||\n // el?.quayaccessibilityadaptions?.liftedpartlength === 0.01 ||\n el?.quayaccessibilityadaptions?.narrowestpassagewidth === 0.01\n );","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3733,"value":"halteDataCHBQuays\n .filter(\n (el) =>\n el?.quayaccessibilityadaptions?.baylength === 0.01 ||\n // el?.quayaccessibilityadaptions?.kerbheight === 0.01 ||\n el?.quayaccessibilityadaptions?.boardingpositionwidth === 0.01 ||\n el?.quayaccessibilityadaptions?.alightingpositionwidth === 0.01 ||\n // el?.quayaccessibilityadaptions?.liftedpartlength === 0.01 ||\n el?.quayaccessibilityadaptions?.narrowestpassagewidth === 0.01\n )\n .filter(el => el.quaydisabledaccessible.disabledaccessible === \"N\")\n .map((el) => el.quaytransportmodes.transportmodedata.transportmode);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3754,"value":"[...new Set(halteDataCHBQuays.map(el => el.quaystatusdata.quaystatus))]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3767,"value":"halteDataCHBQuays\n .filter(el => el.quayaccessibilityadaptions)\n .filter(el => !el.quayaccessibilityadaptions?.boardingpositionwidth)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":622,"value":"md`# Mapbox`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":29,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":37,"value":"halteMapboxExpression = [\n \"case\",\n [\"get\", \"brokenLift\"],\n \"orange\",\n [\"get\", \"profileAccessible\"],\n \"green\",\n \"hotpink\"\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1384,"value":"map.flyTo({ center, zoom: zoom ? 16 : 11 })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1386,"value":"center = fetch(\n `https://api.tiles.mapbox.com/geocoding/v5/mapbox.places/${encodeURIComponent(\n query\n )}.json?access_token=${mapboxgl.accessToken}`\n)\n .then(response => response.json())\n .then(geocoding => geocoding.features[0].center)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":611,"value":"md`# Filter data on Amsterdam and accessibility information`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2676,"value":"halteDataCHBQuays = importCHB // flatten the dataset to quays, and add the stopplace information to each quay. We map over each quay inside a map over each stop place\n .map(stopplace => {\n const { quays, ...stop } = stopplace; // destructure quays and stop objects in own constants\n const quaysWrapped =\n { ...quays }['quay'] instanceof Array\n ? { ...quays }['quay']\n : [{ ...quays }['quay']]; // if there is a single quay object, put it in an array so we can map over it\n\n const quaysWithStop = quaysWrapped\n .filter(el => el) // remove empty arrays\n .map(quay => ({\n // map over each quay\n ...quay, // destructure whole quay object\n stopplace: stop, // also add the stopplace information\n geo: rdToWgs84(\n quay.quaylocationdata['rd-x'],\n quay.quaylocationdata['rd-y']\n ) // add wsg84 coordinates\n }));\n\n return quaysWithStop;\n })\n .flat() // flaten nested quay arrays","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2687,"value":"halteDataCHBGeoJSON = {\n return {\n type: 'geojson',\n data: {\n type: \"FeatureCollection\",\n features: halteDataCHBQuays\n .map(d => ({\n type: \"Feature\",\n id: d.quaycode,\n geometry: { type: \"Point\", coordinates: [d.geo.lon, d.geo.lat] },\n properties: {\n ...d\n }\n }))\n .filter(d => d.properties.quaystatusdata.quaystatus == 'available')\n }\n };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1806,"value":"md`# Helpers`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1772,"value":"// function that changes the slider / button / other viewof cell\n\nsetProfileValueView = (profileValueView, value) => {\n profileValueView[0].value = value;\n profileValueView[1].value = value;\n profileValueView[0].dispatchEvent(new CustomEvent(\"input\"));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1809,"value":"function getCardinalDirection(angle) {\n const directionsFull = [\n '↑ Noord',\n '↗ Noordoost',\n '→ Oost',\n '↘ Zuidoost',\n '↓ Zuid',\n '↙ Zuidwest',\n '← West',\n '↖ Noordwest'\n ];\n const directionsShort = ['↑', '↗', '→', '↘', '↓', '↙', '←', '↖'];\n return directionsShort[Math.round(angle / 45) % 8];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2368,"value":"fetchThumb = async url => {\n const data = await d3.json(url);\n return data._embedded.panoramas[0]._links.equirectangular_small.href;\n // return data._embedded.panoramas[0]._links.thumbnail.href;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2941,"value":"fetchPasses = async timingpointcode => {\n const data = d3.json(\n `https://cors-anywhere-jurb-observable.herokuapp.com/http://v0.ovapi.nl/tpc/${timingpointcode}/departures`\n );\n return data;\n}\n\n// see https://github.com/skywave/KV78Turbo-OVAPI/wiki/TimingPointCode","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2574,"value":"zipObject = (props, values) => {\n return props.reduce((prev, prop, i) => {\n return Object.assign(prev, { [prop]: values[i] });\n }, {});\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2678,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2689,"value":"getSlopeAngle = (height, length) =>\n Number.isFinite(height) && Number.isFinite(length)\n ? (Math.atan(height / length) * 180) / Math.PI\n : null\n\n// calculate slope, return null on error","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3042,"value":"chunk = (a, n) =>\n [...Array(-~(a.length / n))].map((_, i) => a.slice(n * i, n + n * i))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8,"value":"md`# Imports \n## Data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2665,"value":"importCHB = FileAttachment('ExportCHBLatest-amsterdam@2.json').json()\n\n// This is an JSON version of ExportCHB20201124013017.xml.gz on https://data.ndovloket.nl/haltes/\n\n// Due to filesize I wrote a node script to transform the XML to JSON, and filtered in all stop places in Amsterdam. See https://github.com/jurb/ndovhaltes-a11yjson/ for the script.","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2662,"value":"md`## Libraries`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2371,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":34,"value":"mapboxgl = {\n const accessToken =\n \"pk.eyJ1IjoianVyaWFuIiwiYSI6ImNqNTJlMTAzYzBmajEyd242ank0ZGppam8ifQ.JlOhR91CJQnc3U12pbMQwQ\";\n const gl = await require(\"mapbox-gl\");\n if (!gl.accessToken) {\n // https://www.mapbox.com/help/how-access-tokens-work/\n gl.accessToken = accessToken;\n const href = await require.resolve(\"mapbox-gl@1/dist/mapbox-gl.css\");\n document.head.appendChild(html``);\n }\n return gl;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":12,"value":"import {\n slider,\n radio,\n select,\n autoSelect,\n checkbox,\n button,\n input\n} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1379,"value":"import { submit } from \"@mbostock/more-deliberate-inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2436,"value":"domparser = new DOMParser()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2974,"value":"turf = require(\"@turf/turf\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2411,"value":"md`# GVB liften scrape`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2440,"value":"// see https://github.com/asg017/cors-anywhere-observable to deploy your own cors-anywhere\ngvbPage = d3.text(\n `https://cors-anywhere-jurb-observable.herokuapp.com/https://www.gvb.nl/verstoringen/liften/liften.html`\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2414,"value":"rows = domparser\n .parseFromString(gvbPage, 'text/html')\n .querySelectorAll('.views-row')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2465,"value":"gvbLabels = Array.from(rows, row =>\n Array.from(row.querySelectorAll('.views-label'), d => d.textContent)\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2523,"value":"gvbContent = Array.from(rows, row =>\n Array.from(row.querySelectorAll('.field-content'), d =>\n d.textContent\n .trim()\n .replaceAll('\\n', ' ')\n .replaceAll(' ', ' | ')\n .replaceAll(' Richting', 'richting')\n )\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2547,"value":"gvbData = d3.zip(gvbLabels, gvbContent).map(el => zipObject(el[0], el[1]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2943,"value":" md`# OVapi`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3058,"value":"passesChunks = {\n const chunks = chunk(\n halteDataCHBGeoJSON.data.features.map(e => e.properties.quaycode.slice(5)),\n 200\n );\n const passes = Promise.all(chunks.map(chunk => fetchPasses(chunk)));\n return passes;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3647,"value":"_ = require('lodash')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3088,"value":"passes = Object.assign(...passesChunks)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3632,"value":"quaysAndLines = Object.assign(\n ...Object.values(Object.assign(...passesChunks)).map(el => ({\n [el.Stop.TimingPointCode]: [\n ...new Set(Object.values(el.Passes).map(el => el.LinePublicNumber))\n ]\n }))\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3221,"value":"// hoeveel voertuigen zijn niet toegankelijk?\n// deze berekening klopt niet, neemt ook lege arrays mee denk ik\n{\n const isAccessible = Object.values(passes).map(el =>\n Object.values(el.Passes)\n .map(d => d.WheelChairAccessible)\n .includes('ACCESSIBLE')\n );\n\n return (\n isAccessible.filter(el => !el).length / isAccessible.filter(el => el).length\n );\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3311,"value":"// welke quays hebben niet toegankelijke voertuigen op de lijn?\n\nObject.values(passes).filter(el =>\n Object.values(el.Passes)\n .map(d => d.WheelChairAccessible)\n .includes('NOTACCESSIBLE')\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3103,"value":"getPassesData = pass =>\n Object.values(passes[pass].Passes)\n .sort(\n (a, b) =>\n new Date(a.ExpectedDepartureTime) - new Date(b.ExpectedDepartureTime)\n )\n .map(passesMessage)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3133,"value":"getPassesData(30005070)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3135,"value":"getPassesAPI = pass =>\n fetchPasses(pass).then(r => {\n const passes = r[pass].Passes;\n return Object.values(passes)\n .sort(\n (a, b) =>\n new Date(a.ExpectedDepartureTime) - new Date(b.ExpectedDepartureTime)\n )\n .map(passesMessage)\n .slice(0, 8)\n .reduce((a, b) => a.concat(b));\n })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3228,"value":"passesMessage = el =>\n `Lijn ${el.LinePublicNumber} richting ${\n el.DestinationName50\n } ${el.ExpectedDepartureTime.slice(-8, -3)} ${\n el.WheelChairAccessible ? '♿️' : '❌'\n }
`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3139,"value":"getPassesAPI(30000005)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3118,"value":"passes","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3661,"value":"`# Test with dates`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3663,"value":"Object.values(passes)[17].Passes","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3667,"value":"new Date(new Date().getTime() - new Date(\"2021-01-22T10:38:23\").getTime())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3676,"value":"dateFns = import('https://cdn.skypack.dev/date-fns')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3680,"value":"dateFns.formatDistance(new Date(), new Date(\"2021-01-21T10:38:23\"), {\n addSuffix: true\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3718,"value":"md`# Analyse tests`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 30:"$2f:body"