25:null 26:["$","title",null,{"children":"Podil Facts | Yue Wu | Observable"}] 2b:T42c,beautiful_chart = { const root = pack(beautiful_data); const svg = d3.select(DOM.svg(width, height)) .style("width", "90%") .style("height", "auto") .attr("font-size", 10) .attr("font-family", "sans-serif") .attr("text-anchor", "middle"); const leaf = svg.selectAll("g") .data(root.leaves()) .join("g") .attr("transform", d => `translate(${d.x + 1},${d.y + 1})`); leaf.append("circle") .attr("id", d => (d.leafUid = DOM.uid("leaf")).id) .attr("r", d => d.r) .attr("fill-opacity", 0.7) .attr("fill", d => color_beautiful(d.data.group)); leaf.append("clipPath") .attr("id", d => (d.clipUid = DOM.uid("clip")).id) .append("use") .attr("xlink:href", d => d.leafUid.href); leaf.append("text") .attr("clip-path", d => d.clipUid) .selectAll("tspan") .data(d => d.data.name.split(/(?=[A-Z][^A-Z])/g)) .join("tspan") .attr("x", 0) .attr("y", (d, i, nodes) => `${i - nodes.length / 2 + 0.8}em`) .text(d => d); return svg.node(); }2c:T426,history_chart = { const root = pack(history_data); const svg = d3.select(DOM.svg(width, height)) .style("width", "90%") .style("height", "auto") .attr("font-size", 10) .attr("font-family", "sans-serif") .attr("text-anchor", "middle"); const leaf = svg.selectAll("g") .data(root.leaves()) .join("g") .attr("transform", d => `translate(${d.x + 1},${d.y + 1})`); leaf.append("circle") .attr("id", d => (d.leafUid = DOM.uid("leaf")).id) .attr("r", d => d.r) .attr("fill-opacity", 0.7) .attr("fill", d => color_history(d.data.group)); leaf.append("clipPath") .attr("id", d => (d.clipUid = DOM.uid("clip")).id) .append("use") .attr("xlink:href", d => d.leafUid.href); leaf.append("text") .attr("clip-path", d => d.clipUid) .selectAll("tspan") .data(d => d.data.name.split(/(?=[A-Z][^A-Z])/g)) .join("tspan") .attr("x", 0) .attr("y", (d, i, nodes) => `${i - nodes.length / 2 + 0.8}em`) .text(d => d); return svg.node(); }2d:T5b6,html``2e:[] 29:{"id":"2d2cfb2058bbaac5","slug":"podil-facts/3","title":"Podil Facts","thumbnail":"c1c340fd7c4fa51c1afda1e62fa3cf83d721609634c2dc22a8a20f5cac21e6c7","access_level":"public","create_time":"$D2019-03-30T18:00:42.652Z","update_time":"$D2019-04-01T18:45:37.973Z","view_time":null,"first_public_time":"$D2019-04-01T07:08:51.236Z","has_unpublished_edits":null,"fork":{"id":"aecd7387b9ac0af0","slug":"podil-facts/2","title":"Podil Facts","owner":{"id":"37272db3a273693f","login":"wuyueqz","name":"Yue Wu"}},"stars":0,"starred":false,"owner":{"type":"team","id":"37272db3a273693f","login":"wuyueqz","name":"Yue Wu","avatar_url":"https://avatars-next.observableusercontent.com/281aac8919cd8285a910c3503c2c8a7246760e62b04ee267d72bde536e9db314","tier":"starter_2024"},"version":1470,"publish_version":1470,"role":null,"authored":false,"authors":[{"type":"individual","id":"63fbae11b968202b","login":"wuyueqz","name":"Yue Wu","avatar_url":"https://avatars-next.observableusercontent.com/281aac8919cd8285a910c3503c2c8a7246760e62b04ee267d72bde536e9db314","tier":null}],"members":[{"type":"individual","id":"63fbae11b968202b","login":"wuyueqz","name":"Yue Wu","avatar_url":"https://avatars-next.observableusercontent.com/281aac8919cd8285a910c3503c2c8a7246760e62b04ee267d72bde536e9db314","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"5794e7b6da1e6af4","slug":"podil-facts","title":"Podil Facts","owner":{"id":"37272db3a273693f","login":"wuyueqz","name":"Yue Wu"}},"type":"notebook","body":{"title":"Podil Facts","cells":[{"id":0,"value":"md`\n# Podil Facts\nPlease contact *[Margaret D Dunne](dunnem@mit.edu)*, *[Yue Wu](yuewu@mit.edu)*, and *[Urban Curators](http://urbancurators.com.ua)* for more information.\n
\n
\n## Part 03: I ♥ Podil \n
\nLast winter we launched a survey aiming to collect people's urban stories with Podil, and to understand people's different perspective and vision towards Podil's future development. These 5 questions will show people's geographical information about Podil.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":457,"value":"md`### 01. What parts of Kyiv do you spend most of your time in?\n
\nIn this question, we asked the interviewees to specify the places **where he/she spent most time in Kyiv**. You can click the filter to see the distribution as well as people's demographical information.\n\n
\n- Gender\n- Age\n- Whether he/she lives in Podil\n- Whether he/she works in Podil\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1338,"value":"viewof value = select({\n title: \"Filter\",\n description: \"Please pick your filter\",\n options: [\n { value: '3', label: 'Gender' },\n { value: '2', label: 'Age' },\n { value: '1', label: 'Whether he/she lives in Podil' },\n { value: '0', label: 'Whether he/she works in Podil' },\n ],\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1421,"value":"mapImage(value)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":445,"value":"md`### 02. What places in Kyiv do you think are most beautiful?\n
\nWhen asked Podil's most beautiful place, people hold different opinions - however, they also show some collective impressions about Podil. Some places we find are frequently mentioned are as the following.\n\n
\n- Hills\n- Architecture/Buildings\n- Dnieper/River/Water/Bank/Embankment\n- Landscape/Nature/Botanical Garden/Forest\n- Island\n- Bridge\n- Golden Gate\n- Street/Alley\n\n
\nIf we take a deeper look, we can also find some specific places people have mentioned many times as below.\n\n
\n- TRUHANIV *(island on the Dnieper River)*\n- YAROSLAVIV *(The Yaroslaviv Val Street)*\n- MARIINSKY *(Mariyinsky Park)*\n- VOLODYMYR *(Saint Vladimir Monument)*\n- TOLSTOY *(Leo Tolstoy Square)*\n- SHEVCHENKO *(Shevchenko Park)*\n\n
\nThese places are the beautiful places in Kyiv, which have gained public recognition.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":85,"value":"$2b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":455,"value":"md`### 03. What places in Kyiv do you think are most beautiful? (Continued)\n\nWe have asked the interviewees to upload the photos that show the most beautiful places in their memory. We have collected them and made the following album to show these **most beautiful places** here.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1162,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1155,"value":"html`

\n\t\t

\n\t\t\t

\n\t\t\t

\n\t\t\t

\n\t\t\t

\n\t\t\t

\n\t\t\t

\n\t\t\t

\n\t\t\t

\n\t\t\t

\n\t\t

\n\t

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1164,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":449,"value":"md`### 04. What areas in the City of Kyiv are most important to you for historical significance?\n
\nWhen asked what the most historical place is in Podil, we found a lot of the answers indeed overlap with the answers we have seen previously. As we can see in the following visualization.\n\n
\n- Mountain/hill;\n- Building/Architecture;\n- Street;\n- Square;\n- Golden Gate\n\n
\nThese are all the words that people mention frequently when they are talking about history in Podil, which can also be found in previous visualization when people are talking about beautiful places in Podil. We can roughly draw the conclusion that **the historical places are also places that are beautiful** in people's mind.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1129,"value":"$2c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"md`\n### 05. What areas in the City of Kyiv are most important to you for historical significance? (Continued)\n
\nWe have also asked the interviewees to upload the photos that represent the most important places for historical significance. We have made the following album to show these **\"historical\" significance**.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1236,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1232,"value":"html`

\n\t\t

\n\t\t\t

\n\t\t\t

\n\t\t\t

\n\t\t\t

\n\t\t

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1255,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":584,"value":"md`### At an end\n
\nWe hope these series of visualization of Podil help you to understand Podil as a beautiful and historical neighborhood more, and hope you enjoy these stories.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":597,"value":"md`\n# Appendix\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"md` # Data\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1089,"value":"beautiful_data = (await d3.csv(\"https://gist.githubusercontent.com/wuyueqz/1feb73b940d792cbab31489d9a50390f/raw/fe508e17b6909e1bfeb86f7fe103e5b188010423/podil_beautiful.csv\", ({char, freq}) => ({name: char.split(\".\").pop(), title: char.replace(/\\./g, \"/\"), group: +freq, value: +freq})))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1127,"value":"history_data = (await d3.csv(\"https://gist.githubusercontent.com/wuyueqz/de5e8cf354ac8a3508730185d08af101/raw/373eff83c6bad961eb598aebd47528e030f48114/podil_historical.csv\", ({char, freq}) => ({name: char.split(\".\").pop(), title: char.replace(/\\./g, \"/\"), group: +freq, value: +freq})))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1114,"value":"md`# Library`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1101,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1427,"value":"import {select} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1430,"value":"map = d3.csvParse(`url\n

\n`)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1423,"value":"function mapImage(value) {\n const image = map[value];\n return md` ${image['url']}`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1268,"value":"md`# Style`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1133,"value":"color_history = d3.scaleOrdinal(history_data.map(d => d.group), d3.schemeCategory10)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1099,"value":"color_beautiful = d3.scaleOrdinal(beautiful_data.map(d => d.group), d3.schemeCategory10)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1097,"value":"format = d3.format(\",d\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1093,"value":"width = 1000","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1095,"value":"height = width","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1091,"value":"pack = data => d3.pack()\n .size([width - 2, height - 2])\n .padding(3)\n (d3.hierarchy({children: data})\n .sum(d => d.value))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1160,"value":"$2d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2e","stdlib":"1","titling":"auto"}} 2a:"$29:body"