28:null 29:["$","title",null,{"children":"Создание интерактивного интерфейса для изучения данных определённой предметной области; | Настя Чуракова | Observable"}] 2f:T13da,FileAttachment_name_column = { var des = ["","Название города","Название страны","еда, недорогой ресторан (USD)" ,"Питание для 2 человек, Ресторан по умеренной цене, Три блюда (USD)" ,"McMeal в McDonalds (или эквивалентное комбинированное питание) (USD)" ,"Домашнее пиво (разлив 0,5 литра, в ресторанах) (USD)" ,"Импортное пиво (бутылка 0.33 литра, в ресторанах) (USD)" ,"Капучино (обычный, в ресторанах) (USD)" ,"Кока-кола/Пепси (бутылка 0,33 литра, в ресторанах) (USD)" ,"Вода (бутылка 0.33 литра, в ресторанах) (USD)" ,"Молоко (обычное), (1 литр) (USD)" ,"Буханка свежего белого хлеба (500г) (USD)" ,"Рис (белый), (1кг) (долл. США)" ,"Яйца (обычные) (12) (ДОЛЛ. США)" ,"Местный сыр (1кг) (USD)" , "Куриное филе (1кг) (USD)" ,"Говядина круглая (1 кг) (или эквивалент красного мяса на задней ноге) (USD)" ,"Яблоки (1кг) (долл. США)" ,"Банан (1кг) (USD)" ,"Апельсины (1кг) (ДОЛЛ. США)" ,"Помидоры (1кг) (ДОЛЛ. США)" ,"Картофель (1кг) (ДОЛЛ. США)" ,"Лук (1кг) (ДОЛЛ. США)" ,"Салат -латук (1 головка) (USD)" ,"Вода (1,5-литровая бутылка, на рынке) (USD)" ,"Бутылка вина (mid-range, на рынке) (USD)" ,"Отечественное пиво (бутылка 0,5 л, на рынке) (USD)" ,"Импортное пиво (бутылка 0,33 литра, на рынке) (USD)" ,"Сигареты 20 пачек (Marlboro) (USD)" ,"Билет в одну сторону (местный транспорт) (USD)" ,"Месячный абонемент (обычная цена) (USD)" ,"Такси Старт (Обычный тариф) (USD)" ,"Такси 1км (Обычный тариф) (USD)" ,"Такси 1 час ожидания (Обычный тариф) (USD)" , "Бензин (1 литр) (USD)" ,"Volkswagen Golf 1.4 90 KW Trendline (или эквивалентный новый автомобиль) (USD)" ,"Toyota Corolla Седан 1.6l 97kW Комфорт (или эквивалентный новый автомобиль) (USD)" ,"Базовый (электричество, отопление, охлаждение, вода, мусор) для 85m2 Квартира (USD)" ,"1 мин. предоплаченного мобильного тарифа Местный (без скидок или планов) (USD)" ,"Интернет (60 Мбит/с и более, безлимитный трафик, кабель/ADSL) (USD)" ,"Фитнес-клуб, Ежемесячная плата за 1 взрослого (USD)" ,"Аренда теннисного корта (1 час в выходные дни) (USD)" ,"Кинотеатр, Международный выпуск, 1 место (USD)" ,"Дошкольное учреждение (или детский сад), полный день, частное, ежемесячно для 1 ребенка (USD)" ,"еждународная начальная школа, ежегодно для 1 ребенка (USD)" ,"1 пара джинсов (Levis 501 или аналогичный) (USD)" ,"1 Летнее платье в сетевом магазине (Zara, H&M, ...) (долл. США)" ,"1 пара кроссовок Nike (средний класс) (USD)" , "1 пара мужской кожаной деловой обуви (USD)" , "Апартаменты (1 спальня) в центре города (USD)" , "Апартаменты (1 спальня) за пределами центра (USD)" , "Апартаменты (3 спальни) в центре города (USD)" , "Апартаменты (3 спальни) за пределами Центра (USD)" , "Цена за квадратный метр купить квартиру в центре города (USD)" , "Цена за квадратный метр для покупки квартиры за пределами центра (USD)" ,"Среднемесячная чистая заработная плата (после уплаты налогов) (USD)" ,"Процентная ставка по ипотеке в процентах (%), Годовая, на 20 лет Фиксированная ставка" ,"0, если Numbeo считает, что для повышения качества данных требуется больше участников, в противном случае 1"] var FileAttachment_name_column = [] for(let i = 0; i < living.columns.length ; i++){ FileAttachment_name_column[i] = { kode_name : living.columns[i] ,Description_name: des[i] } } return FileAttachment_name_column } 30:T56e,{ let wind = html`

`; yield wind; //Создание карты let map = new ymaps.Map(wind, { center: [0, 0], zoom: 1 }); // var iso0="'"+p_select()+"'" ; var iso1 ='properties.iso3166 = '+iso0; //var iso1= 'properties.iso3166 = ' + String(select_date); ymaps.borders.load('001', {lang: 'ru', quality: 1}).then(function (geojson) { var regions = ymaps.geoQuery(geojson); var x_na = stoumost("x1"); regions.search(iso1).setOptions("fillColor", name(x_na)).addToMap(map); }); // Реализует интерфейс IGeocodeProvider. //var myCoords = ymaps.geocode(df.filter(y=> y.Name==select_date )[0]["Name"]);// var myCoords = ymaps.geocode(String(date_USD)); myCoords.then( function (res) { console.log(res.geoObjects.get(0).geometry.getCoordinates()); //myMap.geoObjects.add(res.geoObjects); map.geoObjects.add(new ymaps.Placemark( res.geoObjects.get(0).geometry.getCoordinates(), { balloonContentBody: [ ''+String(date_USD)+'', '
Стоимость недорогого ресторана в долл '+ String(living.filter(y=> y.country==date_USD )[0]["x1"]), ].join('') }, { iconLayout: 'default#image', })) } ); }31:Te5c,// Copyright 2021 Observable, Inc. // Released under the ISC license. // https://observablehq.com/@d3/grouped-bar-chart function GroupedBarChart(data, { x = (d, i) => i, // given d in data, returns the (ordinal) x-value y = d => d, // given d in data, returns the (quantitative) y-value z = () => 1, // given d in data, returns the (categorical) z-value title, // given d in data, returns the title text marginTop = 30, // top margin, in pixels marginRight = 0, // right margin, in pixels marginBottom = 30, // bottom margin, in pixels marginLeft = 40, // left margin, in pixels width = 640, // outer width, in pixels height = 400, // outer height, in pixels xDomain, // array of x-values xRange = [marginLeft, width - marginRight], // [xmin, xmax] xPadding = 0.1, // amount of x-range to reserve to separate groups yType = d3.scaleLinear, // type of y-scale yDomain, // [ymin, ymax] yRange = [height - marginBottom, marginTop], // [ymin, ymax] zDomain, // array of z-values zPadding = 0.05, // amount of x-range to reserve to separate bars yFormat, // a format specifier string for the y-axis yLabel, // a label for the y-axis colors = d3.schemeTableau10, // array of colors } = {}) { // Compute values. const X = d3.map(data, x); const Y = d3.map(data, y); const Z = d3.map(data, z); // Compute default domains, and unique the x- and z-domains. if (xDomain === undefined) xDomain = X; if (yDomain === undefined) yDomain = [0, d3.max(Y)]; if (zDomain === undefined) zDomain = Z; xDomain = new d3.InternSet(xDomain); zDomain = new d3.InternSet(zDomain); // Omit any data not present in both the x- and z-domain. const I = d3.range(X.length).filter(i => xDomain.has(X[i]) && zDomain.has(Z[i])); // Construct scales, axes, and formats. const xScale = d3.scaleBand(xDomain, xRange).paddingInner(xPadding); const xzScale = d3.scaleBand(zDomain, [0, xScale.bandwidth()]).padding(zPadding); const yScale = yType(yDomain, yRange); const zScale = d3.scaleOrdinal(zDomain, colors); const xAxis = d3.axisBottom(xScale).tickSizeOuter(0); const yAxis = d3.axisLeft(yScale).ticks(height / 60, yFormat); // Compute titles. if (title === undefined) { const formatValue = yScale.tickFormat(100, yFormat); title = i => `${X[i]}\n${Z[i]}\n${formatValue(Y[i])}`; } else { const O = d3.map(data, d => d); const T = title; title = i => T(O[i], i, data); } const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .attr("style", "max-width: 100%; height: auto; height: intrinsic;"); svg.append("g") .attr("transform", `translate(${marginLeft},0)`) .call(yAxis) .call(g => g.select(".domain").remove()) .call(g => g.selectAll(".tick line").clone() .attr("x2", width - marginLeft - marginRight) .attr("stroke-opacity", 0.1)) .call(g => g.append("text") .attr("x", -marginLeft) .attr("y", 10) .attr("fill", "currentColor") .attr("text-anchor", "start") .text(yLabel)); const bar = svg.append("g") .selectAll("rect") .data(I) .join("rect") .attr("x", i => xScale(X[i]) + xzScale(Z[i])) .attr("y", i => yScale(Y[i])) .attr("width", xzScale.bandwidth()) .attr("height", i => yScale(0) - yScale(Y[i])) .attr("fill", i => zScale(Z[i])); if (title) bar.append("title") .text(title); svg.append("g") .attr("transform", `translate(0,${height - marginBottom})`) .call(xAxis); return Object.assign(svg.node(), {scales: {color: zScale}}); }32:[{"id":"7676670f61cbc24aa405b9920e046cabaa5e0e727982a6d9065e891e6deb236655b1e09a491ed5f93d529313e2b499d384e7026d483abf4adaa72c4de8beeafc","href":"https://static.observableusercontent.com/files/7676670f61cbc24aa405b9920e046cabaa5e0e727982a6d9065e891e6deb236655b1e09a491ed5f93d529313e2b499d384e7026d483abf4adaa72c4de8beeafc","name":"cost-of-living@2.csv","type":"text/csv","lastModified":1670923789617.217,"size":1404388},{"id":"8e37f8711d1db70a11bf8f5e33364b5b9f34ab89b772de00cdd0581966846d3e7f44b91dc692ddcfdd4b43e20f765f3ad7a60dfcb720e5158d29a539797b0e11","href":"https://static.observableusercontent.com/files/8e37f8711d1db70a11bf8f5e33364b5b9f34ab89b772de00cdd0581966846d3e7f44b91dc692ddcfdd4b43e20f765f3ad7a60dfcb720e5158d29a539797b0e11","name":"data_csv.csv","type":"text/csv","lastModified":1670931808828.982,"size":4120}] 2c:{"id":"298e5619764dca75","slug":null,"title":"Создание интерактивного интерфейса для изучения данных определённой предметной области;","thumbnail":"a1e7356136917bc9d21135abee161a9208dfff055fa04da120f6f80e5fb7a61c","access_level":"public","create_time":"$D2022-12-13T07:32:59.085Z","update_time":"$D2022-12-19T08:03:24.658Z","view_time":null,"first_public_time":"$D2022-12-13T07:32:59.085Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"81806ebe8d4d80aa","login":"churakova","name":"Настя Чуракова","avatar_url":"https://avatars-next.observableusercontent.com/43cee295b9870a92f238cbfbf7e156280aa0c1fba7bb93e9ab923a56ebabc81f","tier":"starter_2024"},"version":1607,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"95d4ece4bb2d6e0c","login":"churakova","name":"Настя Чуракова","avatar_url":"https://avatars-next.observableusercontent.com/43cee295b9870a92f238cbfbf7e156280aa0c1fba7bb93e9ab923a56ebabc81f","tier":null}],"members":[{"type":"individual","id":"95d4ece4bb2d6e0c","login":"churakova","name":"Настя Чуракова","avatar_url":"https://avatars-next.observableusercontent.com/43cee295b9870a92f238cbfbf7e156280aa0c1fba7bb93e9ab923a56ebabc81f","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Создание интерактивного интерфейса для изучения данных определённой предметной области;","cells":[{"id":0,"value":"# Создание интерактивного интерфейса для изучения данных определённой предметной области;","pinned":false,"hidden":false,"mode":"md"},{"id":16,"value":"living= FileAttachment(\"cost-of-living@2.csv\").csv({typed:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":85,"value":"df= FileAttachment(\"data_csv.csv\").csv({typed:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":779,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":46,"value":"Полное описание дааных https://www.kaggle.com/datasets/mvieira101/global-cost-of-living","pinned":false,"hidden":false,"mode":"md"},{"id":1530,"value":"// настрока API (спецмальный объект, который будет обеспечивать взаимодействие с yandex-сервисом):\nymaps = require('https://api-maps.yandex.ru/2.1/?apikey=7a8a7026-ae95-427c-82c4-cb2208bfc100&lang=ru_RU')\n .catch(() => window.ymaps)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1526,"value":"map_yandex = []","pinned":false,"hidden":false,"mode":"ojs"},{"id":661,"value":"function name(x_1) {\n var State = living.map(d => d[\"x1\"]).sort((a,b)=>(a-b));\n var State = State.filter(function (el) {\n return el != null;\n });\n var State_max = Math.max.apply(null,State);\n var State_min = Math.min.apply(null,State);\n var color =[\"#00FF66\",\"#33FFCC\",\"#000099\",\"#CC00FF\",\"#FF0099\",\"#CC3333\"];\n var m = (State_max - State_min)/6;\n var color_poz = [m*1,m*2,m*3,m*4,m*5,m*6]\n if (x_1<=color_poz[0]){return color[0]};\n for (let i = 0; i < 5 ; i++){\n if (color_poz[i]<=x_1){\n if (x_1 y.country==date_USD ).map(d => d[String(x)]).sort((a,b)=>(a-b));\n var State = State.filter(function (el) {\n return el != null;\n });\n return Math.max.apply(null,State)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":729,"value":"\nfunction p_select() {\n if (df.filter(y=> y.Name==date_USD ).length <1){\n for(let i = 0; i < df.length ; i++){\n if (df[i][\"Name\"].includes(date_USD)){\n return df[i][\"Code\"]\n }\n }\n }\n else {return df.filter(y=> y.Name==date_USD )[0][\"Code\"]}\n}\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":929,"value":"function arrayToList(array) {\n let list1 = [\"\"];\n for (let i = 0; i <=array.length; i++) {\n list1[i+1] = array[i];\n }\n list1 = Array.from(new Set(list1));\n console.log(list1);\n list1.sort((a, b) => a.localeCompare(b))\n return list1;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":565,"value":"Карта стран со стоимостью недорогого ресторана ","pinned":false,"hidden":false,"mode":"md"},{"id":987,"value":"viewof date_USD = Inputs.select(arrayToList(living.map(d => d[\"country\"])).sort((a, b) => b - a), {label: \"Страна\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":995,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":560,"value":"Топ 5 стран различных государств по выбранному показателю","pinned":false,"hidden":false,"mode":"md"},{"id":991,"value":"colors = [\"#7fa074\",\"#90719f\",\"#2c4b27\",\"#2d223c\",\"#dec5da\",\"#c1d1aa\",\"#574571\",\"#0e2810\",\"#b695bc\",\"#466c4b\",\"#ffa074\",\"#9a719f\",\"#2f4b27\",\"#22223c\", \"orange\", \"brown\",\"#af9980\"]","pinned":false,"hidden":false,"mode":"ojs"},{"id":878,"value":"\nviewof select_date1 = Inputs.select(new Set(FileAttachment_name_column.slice(3,59).map(d => d[\"Description_name\"])), {label: \"Позиции\"})\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":819,"value":"select_date2 =FileAttachment_name_column.filter(y=> y.Description_name == select_date1)[0][\"kode_name\"];","pinned":false,"hidden":false,"mode":"ojs"},{"id":983,"value":"Plot.plot({\n width:700,\n grid : true,\n marks: [\n Plot.barX(living.filter(y=> y.country==date_USD &&y[select_date2] > 0 ).slice(0,5), \n Plot.groupY({x: \"mean\"}, {y: \"city\", x: select_date2, fill:\"city\", sort: {y: \"x\", reverse: false}})),\n Plot.text(living.filter(y=> y.country==date_USD &&y[select_date2] > 0 ).slice(0,5), {y: \"city\", x: select_date2, dx: 20,text: d=>d[select_date2]}),\n ], color: { range: colors, legend: true},\nmarginRight: 80,\nmarginLeft: 100,})","pinned":false,"hidden":false,"mode":"ojs"},{"id":791,"value":"Топ 5 самых дорогих городов по одной из позиций для заданной на карте страны","pinned":false,"hidden":false,"mode":"md"},{"id":1191,"value":"living.filter(y=> y.country== date_USD & y[select_date2] != null ).sort((a, b) => b[select_date2] - a[select_date2]);\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":1009,"value":"Plot.plot({\n x: {\n percent: true\n },\n marks: [\n Plot.barX(countr().slice(0,6), Plot.stackX(Plot.groupZ({x: \"proportion\"}, {fill: \"city\"}))),\n Plot.text(countr().slice(0,6), Plot.stackX(Plot.groupZ({x: \"proportion\", text: \"first\"}, {z: \"city\", text: select_date2}))),\n Plot.ruleX([0, 1])\n ], color: { range: colors1, legend: true},\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":974,"value":"function countr() {\n if (date_USD.length > 0 ){\n var l = living.filter(y=> y.country== date_USD & y[select_date2] != null );\n l.sort((a, b) => b[select_date2] - a[select_date2]).map(d => d[select_date2]);\n \n return l\n }\n else {\n return living\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1016,"value":"colors1 = [\"#c1d1aa\",\"#CD5C5C\",\"#FFC0CB\",\"#FFA07A\",\"#ADD8E6\",\"#90EE90\",\"#ADFF2F\"]","pinned":false,"hidden":false,"mode":"ojs"},{"id":1535,"value":"Для той же страны несколько позиций ","pinned":false,"hidden":false,"mode":"md"},{"id":1269,"value":"viewof select_mult = Inputs.select(new Set(FileAttachment_name_column.slice(3,59).map(d => d[\"Description_name\"])), {label: \"Укажите субъекты:\", multiple: true, width:300})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1264,"value":"select_date_ = {\nvar l=[];\nfor(let i = 0; i y.Description_name == select_mult[i])[0][\"kode_name\"];\n}\nreturn l\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1329,"value":"Plot.plot({\n width : 900,\n height : 300, \n grid : true,\n //date_USD\n facet: {\n data: living,\n x: \"Среднее значение параметров по стране \"+date_USD,\n margin: 30\n },\n marks: [\n Plot.barY(countr2(), {x: \"name_column\", y: \"Result\", fill:\"name_column\"}),\n //Plot.ruleY([0, 2000,3000]),\n //Plot.text(bd, {x: \"data_b\", y: \"count_b\", fill: \"age\" , dy: , text: d=>d[\"count_b\"]}), \n ], color: { range: colors, legend: true},\nmargintop: 30})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1326,"value":"function countr2() {\n if (date_USD.length > 0 ){\n var l_data = [];\n var l = living.filter(y=> y.country== date_USD );\n for(let i = 0; i y[select_date_[i]] != null );\n k = k.map(d => d[select_date_[i]]);\n let sum = 0;\n for (let i = 0; i < k.length; i += 1) { sum += k[i]; }\n l_data[i] = {country :date_USD ,\"Result\" : sum / k.length,name_column : select_date_[i]}\n }\n return l_data\n }\n else {\n var l_data = [];\n var l = living;\n for(let i = 0; i y[select_date_[i]] != null );\n k = k.map(d => d[select_date_[i]]);\n let sum = 0;\n for (let i = 0; i < k.length; i += 1) { sum += k[i]; }\n l_data[i] = {country :\"-\" ,\"Result\" : sum / k.length,name_column : select_date_[i]}\n }\n return l_data\n \n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1337,"value":"Так же просмотрим эти значения для любых других стран","pinned":false,"hidden":false,"mode":"md"},{"id":1500,"value":"viewof select_mult1 = Inputs.select(arrayToList(living.map(d => d[\"country\"])).sort((a, b) => b - a), {label: \"Укажите субъекты:\", multiple: true, width:300})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1496,"value":"select_mult2 = {\n var l=[];\n for (let i = 0; i < select_mult1.length; i++) {\n l[i]=select_mult1[i]\n }\n return l\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1493,"value":"key = Legend(chart.scales.color, {title: \"Age (years)\"}) // try also Swatches","pinned":false,"hidden":false,"mode":"ojs"},{"id":1504,"value":"chart = GroupedBarChart(countr3(), {\n x: d => d.name_column,\n y: d => d.Result,\n z: d => d.country,\n xDomain: d3.groupSort(countr3(), D => d3.sum(D, d => -d.Result), d => d.name_column), // top 6\n //yLabel: \"-\",\n zDomain:select_mult2,\n colors: d3.schemeSpectral[select_mult2.length],\n width,\n height: 500\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1580,"value":"Зависимость цен продуктов потребления от друг друга в разных странах","pinned":false,"hidden":false,"mode":"md"},{"id":1600,"value":"viewof st = Inputs.select(Array.from({length: arrayToList(living.map(d => d[\"country\"])).length}, (_, i) => i + 1), {label: \"Количество стран\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1575,"value":"viewof view_vl1 = embed({\n $schema: \"https://vega.github.io/schema/vega-lite/v5.json\",\n description: \"\",\n width: 650,\n height: 350,\n data: { values: Line(st) },\n // transform: [{ filter: \"datum.age < 85\" }],\n mark: {\n type: \"line\",\n point: false // Si pongo true me aparecen tambien los puntitos\n },\n encoding: {\n x: { field: \"Коды_стран\", type: \"quantitative\" , title: \"Коды стран\" },\n y: { field: \"Цены\", type: \"quantitative\", title: \"Цены\" },\n color: { field: \"Продукт\", type: \"nominal\"},\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1606,"value":"Line(st)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1177,"value":"Вывод:\nОсновываясь на данных kaggle, случайной выборке стран и отдельных индикаторов, можно выявить относительно прямую зависимость (возможно двустороннюю) между показателями повседневного использования","pinned":false,"hidden":false,"mode":"md"},{"id":1564,"value":"function Line(n) {\n var l_data = [];\n let strana = Array.from(new Set(living.map(d => d[\"country\"]))).slice(0,n);\n console.log(strana);\n //division : select_date_ ,date : country , unemployment : среднее зн\n if (select_date_.length > 0 ){\n for(let j = 0; j d[select_mult]);\n for(let i = 0; i y.country== strana[i]).map(d => d[select_date_[j]]);\n //sredznak(params)\n l_data[k] = {Продукт : select_mult[j] ,Коды_стран : i,date : strana[i] , Цены : sredznak(st)}\n k=k+1\n }\n }\n return l_data\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1567,"value":"function sredznak(params) {\n let sum = 0;\n for (let i = 0; i < params.length; i += 1) { sum += params[i]; }\n return sum / params.length\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1570,"value":"embed = require(\"vega-embed@6\") // Embebo Vega para poder usarlo","pinned":true,"hidden":false,"mode":"ojs"},{"id":1508,"value":"function countr3() {\n if (select_mult1.length > 0 ){\n var l_data = [];\n for(let j = 0; j y.country== select_mult1[j]);\n for(let i = 0; i y[select_date_[i]] != null );\n k = k.map(d => d[select_date_[i]]);\n let sum = 0;\n for (let i = 0; i < k.length; i += 1) { sum += k[i]; }\n l_data[n] = {country :select_mult1[j] ,\"Result\" : sum / k.length,name_column : select_date_[i]}\n n=n+1\n }\n }\n return l_data\n }\n else {\n var l_data = [];\n var l = living;\n for(let i = 0; i y[select_date_[i]] != null );\n k = k.map(d => d[select_date_[i]]);\n let sum = 0;\n for (let i = 0; i < k.length; i += 1) { sum += k[i]; }\n l_data[i] = {country :\"-\" ,\"Result\" : sum / k.length,name_column : select_date_[i]}\n }\n return l_data\n \n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1514,"value":"import {Legend, Swatches} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1518,"value":"import {howto, altplot} from \"@d3/example-components\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1522,"value":"import {Scrubber} from \"@mbostock/scrubber\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1455,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}} 2d:"$2c:body"