29:null 2a:["$","title",null,{"children":"One Button Interactions With Place Data | Frederik von Scholten | Observable"}] 2f:T424,{ const selection = vl.selectSingle(); return vl .data(interactionsMonth) .params(selection) .layer( vl .markCircle() .title("Month") .encode( vl .y() .fieldO("timestamp") .timeUnit("week") .sort(["mon", "tue", "wed", "thu", "fri", "sat", "sun"]) .title("Week"), vl.x().fieldO("timestamp").timeUnit("day").title("Day of Week"), vl .size() .count("placeId") .scale({ range: [0, 2000] }) .title("Count of Interactions") .legend(null), vl.opacity().value(0.7) ), vl .markText() .encode( vl .y() .fieldO("timestamp") .timeUnit("week") .sort(["mon", "tue", "wed", "thu", "fri", "sat", "sun"]), vl.x().fieldO("timestamp").timeUnit("day"), vl.text().fieldO("timestamp").timeUnit("date") ) ) .width(300) .height(150) .render(); }30:T4c0,function interactionCount(date, interactions) { const filtered = interactions.filter((d) => d.date == date); const uniquePlaceIds = new Set( filtered.map((interaction) => interaction.placeId) ); const filteredPlaceIdColorMapping = getFilteredPlaceIdColorMapping(uniquePlaceIds); const visualization = vl .data(filtered) .transform( vl .calculate("datum.interactions_count / datum.durationHours") .as("interaction_pr_hour") ) .layer( vl.markBar().encode( vl.y().fieldN("placeId").sort("y").title("Sted"), vl.x().count("timestamp").title("Antal symptomer"), vl .color() .fieldN("placeId") .scale({ domain: Object.keys(filteredPlaceIdColorMapping), range: Object.values(filteredPlaceIdColorMapping) }) .title("Sted") .legend(null) ), vl .markText({ align: "left", dx: 5, dy: 1 }) .encode( vl.y().fieldN("placeId").sort("y"), vl.x().count("timestamp"), vl.text().count("timestamp") ) ) .title("Antal registret symptomer per sted") .width(450); return visualization; }31:T4f2,function frequency(date, interactions_place_sessions) { const filtered = interactions_place_sessions.filter((d) => d.date == date); const uniquePlaceIds = new Set(filtered.map((session) => session.placeId)); const filteredPlaceIdColorMapping = getFilteredPlaceIdColorMapping(uniquePlaceIds); const visualization = vl .data(filtered) .transform( vl .calculate("datum.interactions_count / datum.durationHours") .as("interaction_pr_hour") ) .layer( vl.markBar().encode( vl.y().fieldN("placeId").sort("y").title("Sted"), vl.x().fieldQ("interaction_pr_hour").title("Symptom pr time"), vl .color() .fieldN("placeId") .scale({ domain: Object.keys(filteredPlaceIdColorMapping), range: Object.values(filteredPlaceIdColorMapping) }) .title("Place") .legend(null) ), vl .markText({ align: "left", dx: 5, dy: 1 }) .encode( vl.y().fieldN("placeId").sort("y"), vl.x().fieldQ("interaction_pr_hour"), vl.text().sum("interaction_pr_hour").format(".3F") ) ) .title("Symptom-frekvens pr time pr sted") .width(450); return visualization; }32:T6f2,function placeDistributionA1(date, place_sessions) { const filtered = place_sessions.filter((d) => d.date == date); const uniquePlaceIds = new Set(filtered.map((session) => session.placeId)); const filteredPlaceIdColorMapping = getFilteredPlaceIdColorMapping(uniquePlaceIds); const visualization = vl .data(filtered) .transform(vl.calculate("datum.duration / 86400").as("duration_pct")) .layer( vl.markBar().encode( vl.y().fieldN("placeId").title("Sted").sort("y"), vl .x() .sum("duration_pct") .title("Andel i procent") .axis({ format: ".0%" }) .scale({ domain: [0, 1] }), vl .color() .fieldN("placeId") .scale({ domain: Object.keys(filteredPlaceIdColorMapping), range: Object.values(filteredPlaceIdColorMapping) }) .title("Sted") .legend(null) ), vl .markText({ align: "left", dx: 5, dy: 1 }) .transform( vl .groupby("placeId") .joinaggregate([ { op: "sum", field: "durationHours", as: "totalDurationHours" } ]), vl.calculate("floor(datum.totalDurationHours)").as("hours"), vl .calculate("floor((datum.totalDurationHours - datum.hours) * 60)") .as("minutes"), vl .calculate("' ' + datum.hours + 't ' + datum.minutes + 'm'") .as("formattedDuration") ) .encode( vl.y().fieldN("placeId").sort("y"), vl.x().sum("duration_pct"), vl.text().fieldN("formattedDuration") ) ) .width(450) .title("Akkumuleret opholdstid pr sted i timer"); return visualization; }33:[{"id":"399aa5e0697c5a80f07810d51bbaf96e52fa6997db8fd126be245537c19acdbdbd7b686b1fc884b2fea920ee0b2275f1b3d385ad8a9cde98f64fe0f1b6f18c85","href":"https://static.observableusercontent.com/files/399aa5e0697c5a80f07810d51bbaf96e52fa6997db8fd126be245537c19acdbdbd7b686b1fc884b2fea920ee0b2275f1b3d385ad8a9cde98f64fe0f1b6f18c85","name":"binned_interaction_sessions@4.csv","type":"text/csv","lastModified":1685906478155.453,"size":97015},{"id":"f6a152a5d7f1a970e441074aaa47a29c7d5afd32f0b286886988270ad035a9dadc22a37c31c04fbe68f753129a11dddf877fa31ce68f379c87d043ae17042fa7","href":"https://static.observableusercontent.com/files/f6a152a5d7f1a970e441074aaa47a29c7d5afd32f0b286886988270ad035a9dadc22a37c31c04fbe68f753129a11dddf877fa31ce68f379c87d043ae17042fa7","name":"interaction_sessions@69.csv","type":"text/csv","lastModified":1685906488095.791,"size":202586},{"id":"15d00b19a9515e6db77510ba13c7937ec2005c1422a1e909a32d689959847ce5f25491a70b30b119bd76dcd9aef58dd02d1da021524517446fe6ee75c1746c0d","href":"https://static.observableusercontent.com/files/15d00b19a9515e6db77510ba13c7937ec2005c1422a1e909a32d689959847ce5f25491a70b30b119bd76dcd9aef58dd02d1da021524517446fe6ee75c1746c0d","name":"interactions@9.csv","type":"text/csv","lastModified":1685906497054.154,"size":160596},{"id":"88d065ce0c0059e86bf9107affbb397a60510bce0d6ca5b0e66335c01eeb5f8ea14b2e0b9ce7b275e3613d2c26030958644f4cceedcce3b5f1ffa71e37e28331","href":"https://static.observableusercontent.com/files/88d065ce0c0059e86bf9107affbb397a60510bce0d6ca5b0e66335c01eeb5f8ea14b2e0b9ce7b275e3613d2c26030958644f4cceedcce3b5f1ffa71e37e28331","name":"interactions_place_sessions@7.csv","type":"text/csv","lastModified":1685906505477.253,"size":3382},{"id":"3f8be4f84931bee0c94f94bebd0722de29cba14d3d14eab2a1e56fba3023d4a16bf510228ff3228df5e8163a099bb5baf79469b3fa467d4f6a1018a546596a62","href":"https://static.observableusercontent.com/files/3f8be4f84931bee0c94f94bebd0722de29cba14d3d14eab2a1e56fba3023d4a16bf510228ff3228df5e8163a099bb5baf79469b3fa467d4f6a1018a546596a62","name":"place_sessions@63.csv","type":"text/csv","lastModified":1685906520450.955,"size":16882}] 2d:{"id":"304add5201fc8d45","slug":null,"title":"One Button Interactions With Place Data","thumbnail":"1fa46906513ef7f7fa4f44f175d60d729731e656ab919f2a982c6fbed9122273","access_level":"public","create_time":"$D2023-02-23T08:10:44.975Z","update_time":"$D2023-07-04T19:26:34.546Z","view_time":null,"first_public_time":"$D2023-02-23T08:10:44.975Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"1ba3df803a00d0e4","login":"s145005","name":"Frederik von Scholten","avatar_url":"https://avatars-next.observableusercontent.com/b67b5b388a353f5eddcb80f9d7a07f16a48f7a98d00b266b3385d98b9b3d9ddb","tier":"starter_2024"},"version":1842,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"aa04e3560269419c","login":"s145005","name":"Frederik von Scholten","avatar_url":"https://avatars-next.observableusercontent.com/b67b5b388a353f5eddcb80f9d7a07f16a48f7a98d00b266b3385d98b9b3d9ddb","tier":null}],"members":[{"type":"individual","id":"aa04e3560269419c","login":"s145005","name":"Frederik von Scholten","avatar_url":"https://avatars-next.observableusercontent.com/b67b5b388a353f5eddcb80f9d7a07f16a48f7a98d00b266b3385d98b9b3d9ddb","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"One Button Interactions With Place Data","cells":[{"id":0,"value":"# One Button Interactions With Place Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":1694,"value":"## Statistics Chart","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":1814,"value":"See Statistics Charts Notebook","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":1709,"value":"interactionsOverTimeCa2(interactions_place_sessions, width)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1706,"value":"import {interactionsOverTimeCa2} from \"f82422ee1f93fe0c\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1816,"value":"## Radial Chart","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":1820,"value":"See Radial Chart Notebook","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":56,"value":"viewof datePicked = Inputs.text({\n type: \"date\",\n label: \"Date\",\n value: \"2023-01-05\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1702,"value":"arcA5e(datePicked, place_sessions, binned_interaction_sessions, width).render()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1696,"value":"import { arcA5e } from \"25a8381c7a5e6b37\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1824,"value":"## Horizontal Timeline Chart","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":1826,"value":"See Horizontal Timeline Chart Notebook","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":1832,"value":"{\n const filtered_place_sessions = place_sessions.filter(\n (d) => d.date == datePicked\n );\n const uniquePlaceIds = new Set(\n filtered_place_sessions.map((session) => session.placeId)\n );\n const filteredPlaceIdColorMapping =\n getFilteredPlaceIdColorMapping(uniquePlaceIds);\n\n return timelineB3(\n datePicked,\n place_sessions,\n interactions,\n filteredPlaceIdColorMapping,\n width\n ).render();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1829,"value":"import { timelineB3 } from \"874c7797671f2548\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":919,"value":"## Variant C","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":194,"value":"viewof interactionsWeekNumber = Inputs.select(d3.group(interactions, d => d.week), {label: \"Week Number\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":963,"value":"bubbles(interactionsWeekNumber).render()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":11,"value":"function bubbles(interactions) {\n return vl\n .markPoint()\n .data(interactions)\n .encode(\n vl\n .x()\n .fieldT(\"timestamp\")\n .timeUnit(\"day\")\n .sort([\"mon\", \"tue\", \"wed\", \"thu\", \"fri\", \"sat\", \"sun\"])\n .scale({ domain: [0, 6] })\n .title(\"Ugedag\"),\n vl\n .y()\n .fieldT(\"timestamp\")\n .timeUnit(\"hours\")\n .scale({ domain: [0, 24] })\n .title(\"Tidspunkt (døgn)\"),\n vl.color().fieldN(\"placeId\").scale({ range: kellyColors }).title(\"Sted\"),\n vl.opacity().value(0.8),\n vl\n .size()\n .count(\"placeId\")\n .scale({ range: [0, 200] })\n .title(\"Antal symptomer\")\n )\n .width(300)\n .height(400)\n .title(\"Antal symptomer pr ugedag pr time\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":915,"value":"## Here be dragons ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":930,"value":"### Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":1774,"value":"Data used across all thesis notebooks","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":9,"value":"interactions = FileAttachment(\"interactions@9.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":50,"value":"place_sessions = FileAttachment(\"place_sessions@63.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":951,"value":"interaction_sessions = FileAttachment(\"interaction_sessions@69.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1690,"value":"binned_interaction_sessions = FileAttachment(\n \"binned_interaction_sessions@4.csv\"\n).csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":771,"value":"interactions_place_sessions = FileAttachment(\n \"interactions_place_sessions@7.csv\"\n).csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":523,"value":"kellyColors = ['#F3C300', '#875692', '#F38400', '#A1CAF1', '#BE0032', '#C2B280', '#848482', '#008856', '#E68FAC', '#0067A5', '#F99379', '#604E97', '#F6A600', '#B3446C', '#DCD300', '#882D17', '#8DB600', '#654522', '#E25822', '#2B3D26']","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1503,"value":"placeIdColorMapping = {\n return {\n A: \"#F3C300\",\n B: \"#875692\",\n C: \"#F38400\",\n D: \"#A1CAF1\",\n E: \"#BE0032\",\n F: \"#C2B280\",\n G: \"#848482\",\n H: \"#008856\",\n I: \"#E68FAC\",\n J: \"#0067A5\",\n K: \"#F99379\",\n L: \"#604E97\",\n M: \"#F6A600\",\n N: \"#B3446C\",\n O: \"#DCD300\",\n P: \"#882D17\",\n Q: \"#8DB600\",\n R: \"#654522\",\n S: \"#E25822\",\n T: \"#2B3D26\"\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":934,"value":"### Functions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":1776,"value":"Helper functions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":1338,"value":"function getDaysInMonth(year, month) {\n return new Date(year, month - 1, 0).getDate();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1040,"value":"function translateDayToDanish(day) {\n const dayDict = {\n \"Monday\": \"Mandag\",\n \"Tuesday\": \"Tirsdag\",\n \"Wednesday\": \"Onsdag\",\n \"Thursday\": \"Torsdag\",\n \"Friday\": \"Fredag\",\n \"Saturday\": \"Lørdag\",\n \"Sunday\": \"Søndag\",\n };\n \n return dayDict[day];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1762,"value":"function translateToDanish(key) {\n const dict = {\n Monday: \"Mandag\",\n Tuesday: \"Tirsdag\",\n Wednesday: \"Onsdag\",\n Thursday: \"Torsdag\",\n Friday: \"Fredag\",\n Saturday: \"Lørdag\",\n Sunday: \"Søndag\",\n Place: \"Sted\"\n };\n\n return dict[key];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1514,"value":"function getFilteredPlaceIdColorMapping(uniquePlaceIds) {\n const filteredMapping = {};\n\n for (const placeId in placeIdColorMapping) {\n if (uniquePlaceIds.has(placeId)) {\n filteredMapping[placeId] = placeIdColorMapping[placeId];\n }\n }\n\n return filteredMapping;\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":664,"value":"endDate = d3.timeMonth(new Date(2023, 4));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":678,"value":"startDate = new Date()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":662,"value":"weekRange = d3.timeWeeks(startDate, endDate)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":5,"value":"import {vl} from \"@vega/vega-lite-api\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":67,"value":"lowestDateObj = interactions.reduce((acc, curr) => {\n return curr.date < acc.date ? curr : acc;\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":61,"value":"placeSessionOnDate = place_sessions.filter(d => d.date == datePicked)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":512,"value":"interactionsOnDate = interactions.filter(d => d.date == datePicked)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":773,"value":"interactionsPlaceSessionOnDate = interactions_place_sessions.filter(d => d.date == datePicked)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":874,"value":"### WIP and Experiments","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":1361,"value":"viewof monthPicked = Inputs.text({\n type: \"month\",\n label: \"Vælg måned\",\n value: \"2023-01\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1174,"value":"dailyInteractions(interactions, monthPicked).render()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":708,"value":"function dailyInteractions(interactions, yearmonth) {\n const [year, month] = yearmonth.split(\"-\");\n const days = getDaysInMonth(year, month);\n const monthName = new Date(year, month - 1).toLocaleString(\"da-DK\", {\n month: \"long\"\n });\n\n const filtered_interactions = interactions.filter((d) => {\n const date = new Date(d.date);\n return date.getFullYear() == year && date.getMonth() + 1 == month;\n });\n\n const interactions_histogram = vl.markBar().encode(\n vl\n .x()\n .fieldT(\"date\")\n .timeUnit(\"date\")\n .scale({ domain: [1, days] })\n .title(\"Dato\"),\n vl.y().count().title(\"Antal symptomer\")\n );\n\n return vl\n .layer(interactions_histogram)\n .data(filtered_interactions)\n .title(`${year} - ${monthName}`);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1203,"value":"dailyInteractionsA(interactions).render()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1289,"value":"function dailyInteractionsA(interactions) {\n const bar = vl\n .markBar()\n .encode(\n vl.x().fieldT(\"date\").timeUnit(\"datemonth\").title(\"Dato\"),\n vl.y().count().title(\"Antal symptomer\")\n );\n\n const avg = vl\n .markLine({ color: \"red\", size: 2 })\n .encode(\n vl.x().fieldT(\"date\").timeUnit(\"datemonth\"),\n vl.y().count().aggregate(\"mean\").title(\"Gennemsnitlig antal symptomer\")\n );\n\n return vl.layer(bar, avg).data(interactions);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1313,"value":"dailyPlaces(place_sessions, monthPicked).render()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":810,"value":"function dailyPlaces(place_sessions, yearmonth) {\n const [year, month] = yearmonth.split(\"-\");\n const days = getDaysInMonth(year, month);\n const monthName = new Date(year, month - 1).toLocaleString(\"da-DK\", {\n month: \"long\"\n });\n\n const filtered_place_sessions = place_sessions.filter((d) => {\n const date = new Date(d.date);\n return date.getFullYear() == year && date.getMonth() + 1 == month;\n });\n\n const places_histogram = vl.markBar().encode(\n vl\n .x()\n .fieldT(\"date\")\n .timeUnit(\"date\")\n .title(\"Dato\")\n .scale({ domain: [1, days] }),\n vl.y().count(\"placeId\").title(\"Antal besøgte steder\")\n );\n\n return vl\n .layer(places_histogram)\n .data(filtered_place_sessions)\n .title(`${year} - ${monthName}`);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":267,"value":"clock = {\n const arc = vl.markArc({\n innerRadius: 100,\n padAngle: 0.005,\n cornerRadius: 7,\n tooltip: true\n })\n .encode(\n vl.theta().fieldQ('duration'),\n vl.color().fieldN('placeId').scale({ range: kellyColors }).title('Place'),\n vl.tooltip([\n {field: 'placeId', title: 'Place ID'},\n {field: 'startTime', title: 'Start Time'},\n {field: 'endTime', title: 'End Time'}\n ]),\n vl.order().fieldQ('startTime').sort('ascending')\n )\n \n const date = vl.markText({ align: \"center\", dy: 10, fontSize: 12 })\n .encode(\n vl.text().fieldN(\"date\"),\n vl.color().value('#777777'));\n const dayName = vl.markText({ align: \"center\", dy: -10, fontSize: 24 })\n .encode(\n //vl.text().fieldT(\"Timestamp\").timeUnit(\"day\"),\n vl.text().fieldN(\"day\"),\n vl.color().value('#777777'));\n \n return vl\n .layer(arc, date, dayName)\n .data(placeSessionOnDate)\n .width(300)\n .height(300)\n .view({stroke: null})\n .render()\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":505,"value":"viewof timeline = vl.markCircle()\n .data(interactionsOnDate)\n .encode(\n vl.x().fieldT(\"Timestamp\").timeUnit(\"hours\").title(\"Time\").scale({ domain: [0, 24] }),\n // vl.y().fieldO(\"Interaction\").title(\"Type\"),\n // vl.color().fieldN(\"PlaceId\").scale({ range: kellyColors }).title(\"Place\"), //.legend(null),\n vl.color().fieldN(\"Interaction\")\n )\n .title(\"Interactions\")\n .width(450)\n .render()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":218,"value":"viewof interactionsMonth = Inputs.select(d3.group(interactions, d => d.month), {})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":481,"value":"viewof layeredPunchCard2 = vl\n .data(interactionsMonth)\n .layer(\n vl\n .markCircle()\n .title(\"Month\")\n .encode(\n vl.y().fieldN(\"week\").title(\"Week\").scale({ domain: weekRange }),\n vl\n .x()\n .fieldO(\"timestamp\")\n .timeUnit(\"day\")\n .sort([\"mon\", \"tue\", \"wed\", \"thu\", \"fri\", \"sat\", \"sun\"])\n .title(\"Day of Week\"),\n vl\n .size()\n .count(\"placeId\")\n .scale({ range: [0, 2000] })\n .title(\"Count of Interactions\"), //.legend(null),\n vl.opacity().value(0.7)\n ),\n vl\n .markText()\n .encode(\n vl.y().fieldN(\"week\"),\n vl\n .x()\n .fieldO(\"timestamp\")\n .timeUnit(\"day\")\n .sort([\"mon\", \"tue\", \"wed\", \"thu\", \"fri\", \"sat\", \"sun\"]),\n vl.text().fieldO(\"timestamp\").timeUnit(\"date\")\n )\n )\n .width(300)\n .height(150)\n .render()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":721,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":357,"value":"viewof layeredPunchCard1 = vl\n .data(interactionsMonth)\n .layer(\n vl\n .markCircle()\n .title(\"Month\")\n .encode(\n vl\n .y()\n .fieldO(\"timestamp\")\n .timeUnit(\"week\")\n .sort([\"mon\", \"tue\", \"wed\", \"thu\", \"fri\", \"sat\", \"sun\"])\n .title(\"Week\"),\n vl.x().fieldO(\"timestamp\").timeUnit(\"day\").title(\"Day of Week\"),\n vl\n .size()\n .count(\"placeId\")\n .scale({ range: [0, 2000] })\n .title(\"Count of Interactions\")\n .legend(null),\n vl.opacity().value(0.7)\n ),\n vl\n .markText()\n .encode(\n vl\n .y()\n .fieldO(\"timestamp\")\n .timeUnit(\"week\")\n .sort([\"mon\", \"tue\", \"wed\", \"thu\", \"fri\", \"sat\", \"sun\"]),\n vl.x().fieldO(\"timestamp\").timeUnit(\"day\"),\n vl.text().fieldO(\"timestamp\").timeUnit(\"date\")\n )\n )\n .width(300)\n .height(150)\n .render()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1598,"value":"{\n const data = [\n { category: \"A\", amount: 28 },\n { category: \"B\", amount: 55 },\n { category: \"C\", amount: 43 },\n { category: \"D\", amount: 91 },\n { category: \"E\", amount: 81 },\n { category: \"F\", amount: 53 },\n { category: \"G\", amount: 19 },\n { category: \"H\", amount: 87 }\n ];\n\n // Define a single selection\n const selectSingle = vl\n .selectSingle(\"selected\")\n .fields(\"category\")\n .init({ category: \"A\" })\n .on(\"click\");\n\n // Create a bar chart with single selection\n const barChart = vl\n .markBar()\n .data(data)\n .select(selectSingle)\n .encode(\n vl.x().fieldO(\"category\").sort(\"none\"),\n vl.y().fieldQ(\"amount\"),\n vl.color().if(selectSingle, vl.value(\"steelblue\")).value(\"lightgray\")\n )\n .width(400)\n .height(200);\n\n return barChart.render(selectSingle.category);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":917,"value":"#### Place frequency visualisations","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":1490,"value":"stats(datePicked, interactions_place_sessions, place_sessions, interactions)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1486,"value":"function stats(\n datePicked,\n interactions_place_sessions,\n place_sessions,\n interactions\n) {\n const freq = frequency(datePicked, interactions_place_sessions);\n const place = placeDistributionA1(datePicked, place_sessions);\n const count = interactionCount(datePicked, interactions);\n\n // Concatenate the visualizations using vl.vconcat\n const visualizations = vl\n .vconcat(place, freq, count)\n .config({ concat: { spacing: 20 } });\n\n // Display the combined visualizations\n return visualizations.render();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1120,"value":"interactionCount(datePicked, interactions).render()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1116,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1001,"value":"frequency(datePicked, interactions_place_sessions).render()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":27,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1023,"value":"placeDistributionB(datePicked, place_sessions).render()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1020,"value":"function placeDistributionB(date, place_sessions) {\n const filtered = place_sessions.filter(d => d.date == date)\n \n const visualization = vl\n .data(filtered)\n .transform(\n vl.calculate(\"datum.duration / 86400\").as(\"duration_pct\")\n )\n .layer(\n vl.markBar()\n .encode(\n vl.y().fieldN(\"placeId\").title(\"Sted\").sort(\"y\"),\n vl.x().sum(\"durationHours\").axis({ format: \".3F\" }).scale({ domain: [0, 24] }).title(\"Varighed i timer\"),\n vl.color().fieldN(\"placeId\").scale({ range: kellyColors }).title(\"Sted\").legend(null),\n ),\n vl.markText({ align: \"left\", dx: 5, dy: 1 })\n .encode(\n vl.y().fieldN(\"placeId\").sort(\"y\"),\n vl.x().sum(\"durationHours\"),\n vl.text().sum(\"duration_pct\").format(\".0%\")\n )\n )\n .width(450).title(\"Akkumuleret opholdstid pr sted\")\n \n return visualization\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1143,"value":"placeDistributionA1(datePicked, place_sessions).render()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1139,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":996,"value":"placeDistributionA(datePicked, place_sessions).render()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":548,"value":"function placeDistributionA(date, place_sessions) {\n const filtered = place_sessions.filter(d => d.date == date)\n \n const visualization = vl\n .data(filtered)\n .transform(\n vl.calculate(\"datum.duration / 86400\").as(\"duration_pct\")\n )\n .layer(\n vl.markBar()\n .encode(\n vl.y().fieldN(\"placeId\").title(\"Sted\").sort(\"y\"),\n vl.x().sum(\"duration_pct\").title(\"Andel i procent\").axis({ format: \".0%\" }).scale({ domain: [0, 1] }),\n vl.color().fieldN(\"placeId\").scale({ range: kellyColors }).title(\"Sted\").legend(null),\n ),\n vl.markText({ align: \"left\", dx: 5, dy: 1 })\n .encode(\n vl.y().fieldN(\"placeId\").sort(\"y\"),\n vl.x().sum(\"duration_pct\"),\n vl.text().sum(\"durationHours\").format(\".3F\")\n )\n )\n .width(450).title(\"Akkumuleret opholdstid pr sted i timer\")\n \n \n return visualization\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 2e:"$2d:body"