30:T702,highlight = { const h_range =[0, d3.max(city_humidity , d=>parseInt(d.osadki_mm))]; const selection = vl.selectSingle() .fields(['city']) .on('mouseover') .nearest(false) .empty('none') let bchart_high = vl.markBar() .title("Самые влажные") .data(city_humidity) .transform([ {filter: "datum.osadki_mm>800"} ]) .select(selection) .encode( vl.tooltip().fieldQ("osadki_mm"), vl.y().fieldN("city").sort("-x").title(false), vl.x().fieldQ("osadki_mm") .title("Осадков за год, мм") .scale({"domain": h_range}) .axis({format:'f'}), vl.text().fieldQ("osadki_mm"), vl.color().value("gray"), vl.color().value("#008EBA").if(selection, {value: "#68BCFF"}), ); //low let bchart_low = vl.markBar() .title("Самые сухие") .data(city_humidity) .transform([ {filter: "datum.osadki_mm<300"} ]) .select(selection) .encode( vl.tooltip().fieldQ("osadki_mm"), vl.y().fieldN("city").sort("-x").title(false), vl.x().sum("osadki_mm") .title("Осадков за год, мм") .scale({"domain": h_range}) .axis({format:'f'}), vl.text().fieldQ("osadki_mm"), vl.color().value("gray"), vl.color().value("#008EBA").if(selection, {value: "#68BCFF"}), ); //city data let bchart_city = vl.markBar() .height(100) .data(city_humidity) .select(selection) .transform([ {fold: ["abs_max" , "average" , "abs_min"] , as: ["temp" , "value"]}, {filter: selection} ]) .encode( vl.x().fieldQ("value").title(false), vl.y().fieldN("temp").title(false), vl.detail().fieldN("city"), vl.color().fieldQ("value") .scale({range: ["blue" , "gray" , "orange"]}).legend(false) ) return vl.vconcat(bchart_high , bchart_low , bchart_city) .render() }31:T4cc,avocado_two_graphs = { //selection const selection3 = vl.selectSingle() .on('mouseover') .fields(['region']) //.encodings(['color']) .nearest(false) .empty('all'); const selection4 = vl.selectSingle() .on('click') .fields(['region']) .nearest(false) .empty('all'); // //price let avgp = vl.markLine() .width(500) .title( "Динамика" ) .height(200) //.select(selection3) .transform([ {filter: selection3} ,{filter: selection4} ]) .encode( vl.color({value: "gray"}), vl.x().fieldT("Date").title(false), vl.y().average("AveragePrice").title("Средняя цена, $").scale({"domain" : [0,3]}) ) ; // let avgvol = vl.markBar() .width(500) .height(400) .select(selection3) .select(selection4) .transform({filter: selection4}) .encode( vl.color().fieldN("region"), vl.x().fieldT("Date").title(false), vl.y().average("Total Volume").title("Продано"), vl.tooltip().fieldN("region"), //vl.opacity().value(.5).if(selection3 , {value: 1}) ) return vl.vconcat( avgp , avgvol) .data(avocado) .transform([ {filter: "datum.region!='TotalUS'"} ]) .config({ concat: { spacing: 0 } }) .render() }32:[{"id":"0952826824f18ae83302c8529ac7012f24af77c62f78bc9e6c170447a0f0e65adada03505e6e153e63aa09c466bfe5336ced76ecc0e704f84454d6bb62be3c45","href":"https://static.observableusercontent.com/files/0952826824f18ae83302c8529ac7012f24af77c62f78bc9e6c170447a0f0e65adada03505e6e153e63aa09c466bfe5336ced76ecc0e704f84454d6bb62be3c45","name":"russia_ne50.geojson","type":"application/geo+json","lastModified":1606044039472.042,"size":310298},{"id":"2e3b1d808f4c744bb63f713107538b63e153ecb6abe5e675b9acf6005049eaf646d3914adca9fdc47d873eeef6619d4bebd311e6b889129c4868bc64814377ae","href":"https://static.observableusercontent.com/files/2e3b1d808f4c744bb63f713107538b63e153ecb6abe5e675b9acf6005049eaf646d3914adca9fdc47d873eeef6619d4bebd311e6b889129c4868bc64814377ae","name":"SleepInMammals.csv","type":"text/csv","lastModified":1606061486625.727,"size":3053},{"id":"eb7e59b28b7b70df9e195fd9f3372ca99a5f542cf08cbdba2f75dd0f1ba7dc3bba023bc08c8f3b3f41940fa377b580553ee0c291e7eb98272f6dd25912b96967","href":"https://static.observableusercontent.com/files/eb7e59b28b7b70df9e195fd9f3372ca99a5f542cf08cbdba2f75dd0f1ba7dc3bba023bc08c8f3b3f41940fa377b580553ee0c291e7eb98272f6dd25912b96967","name":"city_temp_ru_geocoded.csv","type":"text/csv","lastModified":1606044874921.701,"size":10345},{"id":"56364b8cf2b8f6e77fdecbe35ee63a77b4f990cf750d5fc251eaa422e8cabe1490524c82b25b5c67f6949aa820294b019ce17ecb0fb90d0f5924aab50c2b41a6","href":"https://static.observableusercontent.com/files/56364b8cf2b8f6e77fdecbe35ee63a77b4f990cf750d5fc251eaa422e8cabe1490524c82b25b5c67f6949aa820294b019ce17ecb0fb90d0f5924aab50c2b41a6","name":"Capitals_RUS.csv","type":"text/csv","lastModified":1606065586496.1,"size":39501},{"id":"7b6ff41e373e01d7b5b95773e297d40625bd9ccc1936a023a066a7edd8da5eaadec4ab7a565303539e41e001f2e6730f3ee1e259fae4f19dc59e8d6b2f2ec22b","href":"https://static.observableusercontent.com/files/7b6ff41e373e01d7b5b95773e297d40625bd9ccc1936a023a066a7edd8da5eaadec4ab7a565303539e41e001f2e6730f3ee1e259fae4f19dc59e8d6b2f2ec22b","name":"land-50m.json","type":"application/json","lastModified":1606047553972.914,"size":545534}] 2e:{"title":"Занятие №9 (интерактивность)","cells":[{"id":0,"value":"md`# Занятие №9 (интерактивность)` ","pinned":false,"hidden":false,"mode":"ojs"},{"id":426,"value":"sleep_graph = {\n \nlet slp = vl.markCircle()\n.data(sleep)\n.encode(\nvl.x().fieldQ( vl.repeat(\"repeat\")),\nvl.y().fieldQ(\"Total sleep (hrs/day)\"),\nvl.tooltip().fieldN(\"ru\")\n)\n.width(width/4)\n.repeat([\"Maximum life span (years)\" , \"Brain Weight (g)\" , \"Body Weight (kg)\"])\n\nreturn slp.render()\n\n\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":437,"value":"table(sleep)","pinned":true,"hidden":false,"mode":"ojs"},{"id":439,"value":"md `## Список`\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":441,"value":"textlist ={ \n return vl.markText()\n.data(city_humidity) \n\n.view({stroke: \"transparent\" , \"width\" : 0 })\n.encode(\n\nvl.y().fieldN(\"city\").title(false).axis({axisWidth: 0 , grid: false , ticks: false , domain: false , orient: \"right\"})\n).render()\n }","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"md `## Подсветка столбиков`","pinned":false,"hidden":false,"mode":"ojs"},{"id":43,"value":"html `

Осадки в России (из исследованных ${city_humidity.length} городов)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":21,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":296,"value":"md `## Интерактивное Авокадо`","pinned":false,"hidden":false,"mode":"ojs"},{"id":303,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":133,"value":"md `## Карты`","pinned":true,"hidden":false,"mode":"ojs"},{"id":195,"value":"md `### Проекция`","pinned":false,"hidden":false,"mode":"ojs"},{"id":232,"value":"html `${pr_name}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":197,"value":"viewof pr_name = html`\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":252,"value":"viewof m_rot_x = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":259,"value":"viewof m_rot_y = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":223,"value":"ru_land = vl.markGeoshape()\n .width(600)\n .height(400)\n .data(vl.topojson(world).feature('land') ) \n .encode(\n vl.color().value(\"#c5dddd\"),\n //\n ).project(\n vl.projection(pr_name)\n .rotate([m_rot_x,m_rot_y]) \n )\n//\n .render()","pinned":false,"hidden":false,"mode":"ojs"},{"id":177,"value":"md `### Города России и осадки в них\nПроекция Albers Siberia`","pinned":false,"hidden":false,"mode":"ojs"},{"id":139,"value":"viewof russia_map = {\n //selection\n const selection2 = \n vl.selectSingle()\n .on('mouseover')\n .nearest(false)\n .empty('all')\n \n //land\n const ru_land = vl.markGeoshape()\n .width(600)\n .height(400)\n .data(russia.features) \n .encode(\n vl.color().value(\"#c5dddd\")\n )\n \n //points\n \n const ru_city = vl.markCircle()\n .data(city_humidity)\n .select(selection2)\n .encode( \n vl.longitude().fieldQ(\"Longitude\"),\n vl.latitude().fieldQ(\"Latitude\") ,\n vl.size().fieldQ(\"osadki_mm\").title(\"Осадки, мм\"),\n vl.tooltip().fieldN(\"city\"),\n vl.color().value(\"#93c6c6\").if(selection2, {value: \"#008EBA\"}), //#008EBA\n //vl.stroke().if(selection2, {value: \"#000000\"})\n )\n \n \n return vl.layer(ru_land, ru_city)\n .view({stroke: \"transparent\" })\n .project(\n //FIX!!\n vl.projection(\"Albers\")\n .parallels([50, 70]) \n .rotate([-105,0]) // just eyballing\n .center([56,100]) \n \n ).render();\n\n\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":265,"value":"md `## Данные и импорты`","pinned":false,"hidden":false,"mode":"ojs"},{"id":237,"value":"world = {\n\n return await FileAttachment(\"land-50m.json\").json();\n\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":136,"value":"russia = {\n return await FileAttachment(\"russia_ne50.geojson\").json();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":297,"value":"import { avocado } from \"@glebtr/vega-lite-api\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":400,"value":"import { animals } from \"@glebtr/vega-lite-api\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":414,"value":"md `### Маленькая проблемка`","pinned":false,"hidden":false,"mode":"ojs"},{"id":416,"value":"table(await FileAttachment(\"city_temp_ru_geocoded.csv\").csv())","pinned":true,"hidden":false,"mode":"ojs"},{"id":12,"value":"city_humidity = {\n \n let indata = await FileAttachment(\"city_temp_ru_geocoded.csv\").csv(); \n \n indata.forEach(\n function(e) {\n e.osadki_mm = parseFloat(e.osadki_mm);\n e.Longitude = parseFloat(e.Longitude);\n e.Latitude = parseFloat(e.Latitude);\n e.abs_max = parseFloat( e.abs_max.toString().replace(\",\" , \".\") );\n e.abs_min = parseFloat(e.abs_min.toString().replace(\",\" , \".\"));\n e.average = parseFloat(e.average.toString().replace(\",\" , \".\"))\n }\n \n );\n return indata;\n \n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":469,"value":"md `## Дополнительные датасеты`","pinned":false,"hidden":false,"mode":"ojs"},{"id":422,"value":"sleep = {return d3.csvParse(await FileAttachment(\"SleepInMammals.csv\").text())}","pinned":true,"hidden":false,"mode":"ojs"},{"id":464,"value":"capitals = {\nlet fa = d3.csvParse(await FileAttachment(\"Capitals_RUS.csv\").text());\nfa.forEach(function(e){\ne.latitude = parseFloat(e.latitude);\ne.longitude = parseFloat(e.longitude);\n e.pop_max = parseInt(e.pop_max);\n e.pop_min = parseInt(e.pop_min);\n \n \n\n});\n return fa;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"d3 = require(\"d3\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":18,"value":"import {vl} from '@vega/vega-lite-api'","pinned":true,"hidden":false,"mode":"ojs"},{"id":406,"value":"import { table } from '@tmcw/tables/2'\n","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}