31:T2195,style_selectize = html` `32:[] 2f:{"title":"Shoddy flight distance calculator","cells":[{"id":0,"value":"title = md`# Shoddy flight distance calculator`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"dropdown = html`\n \n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":290,"value":"table_of_distances = {\n if (custom_fields.length > 0) {\n return table(custom_fields);\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":127,"value":"viewof selected_airports = new View([])","pinned":false,"hidden":false,"mode":"ojs"},{"id":142,"value":"selected_airports","pinned":false,"hidden":false,"mode":"ojs"},{"id":244,"value":"selected_obj = {\n let sa = selected_airports.map(function(d) {\n \n let airport0 = cities_map.get(d[0])\n let airport1 = cities_map.get(d[1])\n \n let new_dict = {}\n \n new_dict[\"from\"] = airport0.name\n new_dict[\"to\"] = airport1.name\n \n for (const [key, value] of Object.entries(airport0)) {\n new_dict[key + \"_from\"] = value\n }\n \n for (const [key, value] of Object.entries(airport1)) {\n new_dict[key + \"_to\"] = value\n }\n let lat1 = new_dict[\"lat_from\"] \n let lng1 = new_dict[\"lng_from\"]\n let lat2 = new_dict[\"lat_to\"]\n let lng2 = new_dict[\"lng_to\"]\n \n new_dict[\"distance\"] = getDistanceFromLatLonInMiles(lat1,lng1,lat2,lng2)\n \n return new_dict})\n return sa\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":280,"value":"custom_fields = {\n let obj = selected_obj.map(function(d) {\n return {\"from\": d[\"name_from\"], \"to\": d[\"name_to\"], \"miles\": d[\"distance\"]}\n })\n return obj\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":257,"value":"d3.csvFormat(selected_obj)","pinned":true,"hidden":false,"mode":"ojs"},{"id":278,"value":"download_as_csv = DOM.download(\n serialize(selected_obj),\n \"flights\",\n \"Download CSV\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":325,"value":"flights_chart = chart(selected_obj)","pinned":true,"hidden":false,"mode":"ojs"},{"id":318,"value":"import { chart } from \"@robinl/flights-globe-chart-function\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":275,"value":"function serialize (data) {\n return new Blob([d3.csvFormat(data)], {type: \"text/csv\"}) \n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":156,"value":"cities = \nd3.text(\"https://raw.githubusercontent.com/jpatokal/openflights/master/data/airports.dat\")\n .then(function (t) {\n\n var header = \"id,name,city,country,iata,icao,lat,lng\\n\"\n\n let t2 = header + t\n var data3 = d3.csvParse(t2, d3.autoType);\n\n return data3\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":268,"value":"function getDistanceFromLatLonInMiles(lat1,lon1,lat2,lon2) {\n \n function deg2rad(deg) {\n return deg * (Math.PI/180)\n }\n \n var R = 6371; // Radius of the earth in km\n var dLat = deg2rad(lat2-lat1); // deg2rad below\n var dLon = deg2rad(lon2-lon1); \n var a = \n Math.sin(dLat/2) * Math.sin(dLat/2) +\n Math.cos(deg2rad(lat1)) * Math.cos(deg2rad(lat2)) * \n Math.sin(dLon/2) * Math.sin(dLon/2)\n ; \n var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a)); \n var d = R * c; // Distance in km\n return d * 0.621371; //to miles\n}\n\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":32,"value":"md`### Modules & Imports`","pinned":false,"hidden":false,"mode":"ojs"},{"id":158,"value":"d3 = require(\"d3\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":287,"value":"import { table } from \"@tmcw/tables\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":162,"value":"cities_map = new Map(cities.map(i => [i.icao, i]));","pinned":false,"hidden":false,"mode":"ojs"},{"id":164,"value":"options = cities.reduce((accumulator, val) => accumulator + ``, \"\")\n\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"$$(function() {\n $('#select-country').selectize({ plugins: ['remove_button'] });\n $('#contacts').submit(function(e){\n e.preventDefault();\n \n const results = $('#select-country').val();\n \n viewof selected_airports.value = [results].concat(selected_airports)\n \n });\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"$$ = {\n const $ = await require('jquery@^1.7.0');\n await require('selectize.js@0.12');\n return $;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"require('bootstrap@4.1.3/dist/js/bootstrap').catch(() => window.bootstrap)","pinned":false,"hidden":false,"mode":"ojs"},{"id":129,"value":"class View {\n constructor(value) {\n this._list = [];\n this._value = value;\n }\n get value() {\n return this._value;\n }\n set value(value) {\n this._value = value;\n this.dispatchEvent({type: \"input\", value});\n }\n addEventListener(type, listener) {\n if (type != \"input\" || this._list.includes(listener)) return;\n this._list = [listener].concat(this._list);\n }\n removeEventListener(type, listener) {\n if (type != \"input\") return;\n this._list = this._list.filter(l => l !== listener);\n }\n dispatchEvent(event) {\n const p = Promise.resolve(event);\n this._list.forEach(l => p.then(l));\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":36,"value":"md`### Stylesheets`","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}