40:null 41:["$","title",null,{"children":"SARC5400 Final Project | Ali Rivera | Observable"}] 47:[{"id":"d767a888bc962fc38b48b972823035dd89cfa0c0540e6291777b2447b08c4f89266db59eb9b35502f4ea437a58907746337227d8fbbd4f1df3aa8c29c74a9a9a","href":"https://static.observableusercontent.com/files/d767a888bc962fc38b48b972823035dd89cfa0c0540e6291777b2447b08c4f89266db59eb9b35502f4ea437a58907746337227d8fbbd4f1df3aa8c29c74a9a9a","name":"Facebook_avgtime.svg","type":"image/svg+xml","lastModified":1683562881847.429,"size":60524},{"id":"7a778b36473c5aa1ca620da3be4f6abae934d916e1c340330eec4c86169909ce48a7c7c377cd11529795ff7af1d323531be9aab778abd18b0f525fe0c65ce61b","href":"https://static.observableusercontent.com/files/7a778b36473c5aa1ca620da3be4f6abae934d916e1c340330eec4c86169909ce48a7c7c377cd11529795ff7af1d323531be9aab778abd18b0f525fe0c65ce61b","name":"Snapchat_PP.svg","type":"image/svg+xml","lastModified":1683562882043.843,"size":347208},{"id":"d6e60384999ef5edd1a077d9880557673390460c7261074c1a1c33b96ff27e42d03cb36c44e23b8917a043c26cfddf8d3ff4958d63fabd583a63ea849d46e899","href":"https://static.observableusercontent.com/files/d6e60384999ef5edd1a077d9880557673390460c7261074c1a1c33b96ff27e42d03cb36c44e23b8917a043c26cfddf8d3ff4958d63fabd583a63ea849d46e899","name":"Final_PP.svg","type":"image/svg+xml","lastModified":1683588544002.047,"size":985928},{"id":"86c8b63763aff55a96e1ee4914598be87bed11374f1f8dfb0b2b0ee21885e27c74380638a55b71e0fbd9ef658ef2531997f05d8cb25b2e9a0f42ea45ce43b5af","href":"https://static.observableusercontent.com/files/86c8b63763aff55a96e1ee4914598be87bed11374f1f8dfb0b2b0ee21885e27c74380638a55b71e0fbd9ef658ef2531997f05d8cb25b2e9a0f42ea45ce43b5af","name":"Instagram_avgtime.svg","type":"image/svg+xml","lastModified":1683562882119.885,"size":924382},{"id":"49a22a85df35ca0e1eb002a5e5dd06748955eda0e0febdb582cd491ad49747a67e869c7c7afea654eb98e33c5f34697204a61a73df0a6ee6fba905d81d0cf263","href":"https://static.observableusercontent.com/files/49a22a85df35ca0e1eb002a5e5dd06748955eda0e0febdb582cd491ad49747a67e869c7c7afea654eb98e33c5f34697204a61a73df0a6ee6fba905d81d0cf263","name":"Youtube_PP.svg","type":"image/svg+xml","lastModified":1683562881863.838,"size":14893},{"id":"4d31efc92e750bb73d6660464c9a2adfa01a1b70f634c1e558782059a708671ee025ea66a4b8e77013bb76fad46bc63a6908a790cd3d21bdb411e63dc250f358","href":"https://static.observableusercontent.com/files/4d31efc92e750bb73d6660464c9a2adfa01a1b70f634c1e558782059a708671ee025ea66a4b8e77013bb76fad46bc63a6908a790cd3d21bdb411e63dc250f358","name":"Instagram_PP.svg","type":"image/svg+xml","lastModified":1683562881987.847,"size":142681},{"id":"baedbd6e09dd2689905ee11c25ba85a9b54bae1747391fda9aa26b165a57ce4c9d249c3aaa4a54db026081d1b1549e3579eb01713bd586d4c778a265b66a6792","href":"https://static.observableusercontent.com/files/baedbd6e09dd2689905ee11c25ba85a9b54bae1747391fda9aa26b165a57ce4c9d249c3aaa4a54db026081d1b1549e3579eb01713bd586d4c778a265b66a6792","name":"Twitter_PP.svg","type":"image/svg+xml","lastModified":1683562881881.589,"size":30433},{"id":"460eb9d54b9ff79c22761866e61e9c8546445e8b6fd8899a9ea0703bb5c8a9d4bc428874f1c4461fdbe635013fab4f6ee5e473b5d41dfe200b290fb48c4c3678","href":"https://static.observableusercontent.com/files/460eb9d54b9ff79c22761866e61e9c8546445e8b6fd8899a9ea0703bb5c8a9d4bc428874f1c4461fdbe635013fab4f6ee5e473b5d41dfe200b290fb48c4c3678","name":"Twitter_avgtime.svg","type":"image/svg+xml","lastModified":1683562881931.935,"size":30158},{"id":"b74bf4b4a98da07452590b3e43431461255905dbb1027f02537d21a31234d4602238ad8ff35ecf26a75da3272e80bc62cbd0dc0a9275cc498e612c64db4eac8c","href":"https://static.observableusercontent.com/files/b74bf4b4a98da07452590b3e43431461255905dbb1027f02537d21a31234d4602238ad8ff35ecf26a75da3272e80bc62cbd0dc0a9275cc498e612c64db4eac8c","name":"Facebook_PP.svg","type":"image/svg+xml","lastModified":1683562881942.647,"size":60644},{"id":"0f0a0f5983ab0c2e4451bc1608679391c40aed8b6f47fdafd7abc5bb00c5e0482eb282edc2a51a9785100335c7edd0db46d12e3f714af23e9d232373667b8ef1","href":"https://static.observableusercontent.com/files/0f0a0f5983ab0c2e4451bc1608679391c40aed8b6f47fdafd7abc5bb00c5e0482eb282edc2a51a9785100335c7edd0db46d12e3f714af23e9d232373667b8ef1","name":"TikTok_PP.svg","type":"image/svg+xml","lastModified":1683562882009.073,"size":337718},{"id":"ad8df2d87ab662c5493905b47f85fa65f8f0afab7b9d825e4d14025f84f4117c7aa5467decca8225e037d71217da9b61e8052c085c61df859541920fcad83682","href":"https://static.observableusercontent.com/files/ad8df2d87ab662c5493905b47f85fa65f8f0afab7b9d825e4d14025f84f4117c7aa5467decca8225e037d71217da9b61e8052c085c61df859541920fcad83682","name":"Snapchat_avgtime.svg","type":"image/svg+xml","lastModified":1683562881983.088,"size":367806},{"id":"a48660862d5b44d7f5125979d245df84c51f4f8e4d7b52ea0d70f480963bcb8af30ac555752a8539e775188b3cb7e761fb2727eb6bbac266fa05bfb44942ea8f","href":"https://static.observableusercontent.com/files/a48660862d5b44d7f5125979d245df84c51f4f8e4d7b52ea0d70f480963bcb8af30ac555752a8539e775188b3cb7e761fb2727eb6bbac266fa05bfb44942ea8f","name":"Youtube_avgtime.svg","type":"image/svg+xml","lastModified":1683562882071.986,"size":14843},{"id":"ef9e99c8813588a9d00a487ab68ca5fb0bf3877c40d269afdcbbe743d0b3d34502616f3058a11a292558ba7e8a142e155d9c7afb7972986aa97ac14045f77666","href":"https://static.observableusercontent.com/files/ef9e99c8813588a9d00a487ab68ca5fb0bf3877c40d269afdcbbe743d0b3d34502616f3058a11a292558ba7e8a142e155d9c7afb7972986aa97ac14045f77666","name":"TikTok_avgtime.svg","type":"image/svg+xml","lastModified":1683562882089.643,"size":332417}] 45:{"id":"0f928eb77ff37d69","slug":null,"title":"SARC5400 Final Project","thumbnail":"49e3b8e7b5c25c76853ac31b4ed41e895e2facb91573182f4e68e995d0ccb899","access_level":"public","create_time":"$D2023-05-08T15:53:49.683Z","update_time":"$D2023-05-08T23:44:50.040Z","view_time":null,"first_public_time":"$D2023-05-08T15:53:49.683Z","has_unpublished_edits":null,"fork":{"id":"13f5a8d5549205a8","slug":null,"title":"Land guzzlers - d3 starting point","owner":{"id":"681713ab43118252","login":"alirivera","name":"Ali Rivera"}},"stars":0,"starred":false,"owner":{"type":"team","id":"681713ab43118252","login":"alirivera","name":"Ali Rivera","avatar_url":"https://avatars-next.observableusercontent.com/d20e1d4a8e2784869f5ca02bf929404083f31799cac5d98b6c0574925a7d6483","tier":"starter_2024","bio":"","following":false},"version":397,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"0bbb1f646b8089b9","login":"alirivera","name":"Ali Rivera","avatar_url":"https://avatars-next.observableusercontent.com/d20e1d4a8e2784869f5ca02bf929404083f31799cac5d98b6c0574925a7d6483","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"0bbb1f646b8089b9","login":"alirivera","name":"Ali Rivera","avatar_url":"https://avatars-next.observableusercontent.com/d20e1d4a8e2784869f5ca02bf929404083f31799cac5d98b6c0574925a7d6483","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"SARC5400 Final Project","cells":[{"id":0,"value":"# SARC5400 Final Project\n### Ali Rivera\n### UVA Spring 2023","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":310,"value":"myData = [ \n { name:\"Instagram\", read_time:24.45, avg_time:30.1, read_img: \"Instagram_PP.svg\", avg_img: \"Instagram_avgtime.svg\" },\n { name:\"Facebook\", read_time:24.45, avg_time:34.8, read_img: \"Facebook_PP.svg\", avg_img: \"Facebook_avgtime.svg\" }, \n { name:\"Twitter\", read_time:17.77, avg_time:34.8, read_img: \"Twitter_PP.svg\", avg_img: \"Twitter_avgtime.svg\" },\n { name:\"Youtube\", read_time:24.71, avg_time:45.6, read_img: \"Youtube_PP.svg\", avg_img: \"Youtube_avgtime.svg\" }, \n { name:\"TikTok\", read_time:18.66, avg_time:45.8, read_img: \"TikTok_PP.svg\", avg_img: \"TikTok_avgtime.svg\" },\n { name:\"Snapchat\", read_time:19.61, avg_time:30.4, read_img: \"Snapchat_PP.svg\", avg_img: \"Snapchat_avgtime.svg\" },\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":343,"value":"image = svg``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":346,"value":"graphic = {\n // load the file\n const text = await FileAttachment(\"Final_PP.svg\").text();\n const document = (new DOMParser).parseFromString(text, \"image/svg+xml\");\n const svg = d3.select(document.documentElement).remove();\n \n // select the objects\n let clusters = svg.selectAll('#streams > g');\n \n //add interaction\n clusters.on('click', function(){\n // reduce opacity for all\n clusters.style('opacity',0.2);\n\t // «this» refers to clicked element\n let stream = d3.select(this)\n //change its opacity to 1\n stream.style('opacity',1)\n });\n \n svg.selectAll('#background').on('click', function(){\n clusters.style('opacity',1);\n });\n \n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":349,"value":"

\n","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"}],"files":"$W47","stdlib":"1"}} 46:"$45:body"