31:[] 2f:{"title":"📑 Highcharts' Practice","cells":[{"id":0,"value":"md`# 📑 Highcharts' Practice`","pinned":true,"hidden":false,"mode":"ojs"},{"id":59,"value":"md`## Line Charts`","pinned":true,"hidden":false,"mode":"ojs"},{"id":128,"value":"viewof n=html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":97,"value":"line_chart={\n const figure=html`

`;\n const a=randi(5,25),b=randi(8,48);\n Highcharts.chart(figure, {\n chart:{type:'line',backgroundColor:'whitesmoke'},\n xAxis:{title:{text:'x'}},yAxis:{title:{text:'y'}},\n title:{text:'a,b,n =>>> '+[a,b,n]},\n credits:{enabled:false},legend:{enabled:false},\n plotOptions: {series: {lineWidth:10}},\n series:make_data(n,a,b)});\n return figure;}","pinned":true,"hidden":false,"mode":"ojs"},{"id":54,"value":"function randi(min,max) {\n return Math.floor(Math.random()*(max-min+1))+min;};","pinned":true,"hidden":false,"mode":"ojs"},{"id":74,"value":"function randcol(i) {\n const r=randi(10+i,250),g=randi(10+i,250),b=randi(10+i,250);\n return 'rgb('+r+','+g+','+b+')';};","pinned":true,"hidden":false,"mode":"ojs"},{"id":55,"value":"function arr(k,a,b) {\n const d=.1**3,n=Math.ceil(2*Math.PI/d);\n return Array(n).fill(k).map((k,t)=>\n [Math.cos(d*t+k*Math.PI/6)+Math.cos(a*d*t)/2+Math.sin((a+b)*d*t)/3,\n Math.sin(d*t+k*Math.PI/6)+Math.sin(a*d*t)/2+Math.cos((a+b)*d*t)/3]);};","pinned":true,"hidden":false,"mode":"ojs"},{"id":83,"value":"function make_data(k,a,b) {\n var series=[];\n for (var i=1; i<2*k+1; i++) {\n series.push({name:i,color:randcol(i),data:arr(i,a,b)});};\n return series}","pinned":true,"hidden":false,"mode":"ojs"},{"id":52,"value":"md`## Dumbbell Charts`","pinned":false,"hidden":false,"mode":"ojs"},{"id":163,"value":"

\ndb_chart={const figure=html``;\n  Highcharts.chart(figure, {\n    chart:{type:'dumbbell',inverted:true},\n    legend:{enabled:false},\n    title:{text:'Product Median & Mean Values'},\n    tooltip:{shared:true},\n    xAxis:{type:'category'},\n    yAxis:{title:{text:'Median & Mean Values'}},\n    series:[{name:'median - mean',data:db_customers}] });\n  return figure;}\n

","pinned":false,"hidden":false,"mode":"html"},{"id":8,"value":"db_customers=Object.entries(tr_customers).slice(2,8).map(\n el=>({'name':el[0],'low':d3.median(el[1]),'high':d3.mean(el[1])}))","pinned":true,"hidden":false,"mode":"ojs"},{"id":29,"value":"url='https://raw.githubusercontent.com/OlgaBelitskaya/'\n .concat('machine_learning_engineer_nd009/master/')\n .concat('Machine_Learning_Engineer_ND_P3/customers.csv')","pinned":true,"hidden":false,"mode":"ojs"},{"id":40,"value":"customers=d3.csv(url,d3.autoType)","pinned":true,"hidden":false,"mode":"ojs"},{"id":47,"value":"tr_customers=Object.assign(...Object.keys(customers[0])\n .map(key=>({[key]:customers.map(o=>o[key])})));","pinned":true,"hidden":false,"mode":"ojs"},{"id":101,"value":"md`## Modules`","pinned":false,"hidden":false,"mode":"ojs"},{"id":189,"value":"$$=require('https://code.jquery.com/jquery-3.5.1.js')","pinned":true,"hidden":false,"mode":"ojs"},{"id":187,"value":"import_css=function(src) {\n $('head').append(``)}","pinned":true,"hidden":false,"mode":"ojs"},{"id":183,"value":"import_css('https://unpkg.com/highcharts@6.1.1/css/highcharts.css')","pinned":true,"hidden":false,"mode":"ojs"},{"id":191,"value":"import_js=function(src,module_name) {\n /*if (!$('head').find(`script[src='${src}']`)) {\n $('head').append(``);\n }*/\n return new Promise(function(resolve,reject) {\n function waiting(){\n if (typeof module_name=='undefined') resolve();\n if (eval(module_name)) resolve(eval(module_name));\n setTimeout(waiting,30);};\n require(src).then(function() {waiting();})\n .catch(function() {waiting();}); }); }","pinned":true,"hidden":false,"mode":"ojs"},{"id":192,"value":"Highcharts=import_js('https://unpkg.com/highcharts@6.1.1/highcharts.js',\n 'window.Highcharts')","pinned":true,"hidden":false,"mode":"ojs"},{"id":27,"value":"d3=require('d3@6')","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}