2b:null 2c:["$","title",null,{"children":"Web Data Commons, a COVID-19 Study | Jonas Almeida | Observable"}] 31:Tb26,trajectoryPlot = { let cc = await corona.progression(); let div = DOM.element('div'); //div.style.height = "100%"; //debugger; div.id = 'trajectoryPlotId'; let traceCountry = (country = "China", color) => { let c = cc[country]; //debugger; return { type: 'scatter3d', name: country, z: c.active, //.map((x, i) => x / c.confirmed[i]), y: c.deaths, x: c.recovered, //mode: 'markers', marker: { size: 3, line: { //color: 'rgba(217, 217, 217, 0.9)', width: 0.5 }, color: color, opacity: 0.2 } }; }; //debugger; Plotly.plot( div, [ traceCountry('China', 'red'), traceCountry('US', 'blue'), traceCountry('India', 'pink'), traceCountry('Korea South', 'green'), traceCountry('Japan', 'purple'), traceCountry('Italy', 'orange'), traceCountry('Germany', 'brown'), traceCountry('France', 'cyan'), traceCountry('Spain', 'gold'), traceCountry('Portugal', 'lime'), traceCountry('United Kingdom', 'black'), //traceCountry('Netherlands', 'gray'), traceCountry('Brazil', 'magenta'), traceCountry('Nigeria', 'olive'), traceCountry('Egypt', 'plum') ], { title: `Progression trajectory, raw data
(to stop animation and rotate manually, hover figure with pointer and click home)`, height:600, width:800, scene: { xaxis: { title: 'Recovered', type: 'log', autorange: true }, yaxis: { title: 'Deaths', type: 'log', autorange: true }, zaxis: { title: 'Active', type: 'log', autorange: true }, //id: 'trajectoryScene' camera: { center: { x: -0.2, y: -0.2, z: -0.2 }, eye: { x: 1.5, y: 1.5, z: 1 } } } } ); //console.log('scene div', div.querySelector('#scene')); setTimeout(function() { console.log('plotly:', Plotly); function run() { rotate('scene', Math.PI / 180); //rotate('scene2', -Math.PI / 180); requestAnimationFrame(run); } run(); function rotate(id, angle) { var eye0 = div.layout[id].camera.eye; var rtz = xyz2rtz(eye0); rtz.t += angle; var eye1 = rtz2xyz(rtz); Plotly.relayout(div, id + '.camera.eye', eye1); } function xyz2rtz(xyz) { return { r: Math.sqrt(xyz.x * xyz.x + xyz.y * xyz.y), t: Math.atan2(xyz.y, xyz.x), z: xyz.z }; } function rtz2xyz(rtz) { return { x: rtz.r * Math.cos(rtz.t), y: rtz.r * Math.sin(rtz.t), z: rtz.z }; } //corona.rotate3D(div); }, 1000); return div; }32:[] 2f:{"id":"ecd74d23056b9223","slug":"corona_trajectory","title":"Web Data Commons, a COVID-19 Study","thumbnail":"3559123daecac6316e0ec70d8435ae5fb5cb36972575d541a2de93091e247471","access_level":"public","create_time":"$D2020-03-25T00:36:03.081Z","update_time":"$D2020-03-25T00:45:44.151Z","view_time":null,"first_public_time":"$D2020-03-25T00:36:08.357Z","fork":{"id":"2a4ea634bb8feced","slug":"corona","title":"Web Data Commons, a COVID-19 Study","owner":{"id":"b96b15d71f10f6b6","login":"jonasalmeida","name":"Jonas Almeida"}},"stars":0,"starred":false,"owner":{"type":"team","id":"0f2e596d5bd6ef6e","login":"episphere","name":"Jonas Almeida","avatar_url":"https://avatars-next.observableusercontent.com/3a0ff5abff6da0cdbd100da305ba323e12d43c8fcb7604275e6c72591db9dc69","tier":"starter_2024"},"version":109,"publish_version":109,"role":null,"authored":false,"authors":[{"type":"individual","id":"4355fe13cb71b11d","login":"episphere","name":"Jonas Almeida","avatar_url":"https://avatars-next.observableusercontent.com/3a0ff5abff6da0cdbd100da305ba323e12d43c8fcb7604275e6c72591db9dc69","tier":null}],"members":[{"type":"individual","id":"4355fe13cb71b11d","login":"episphere","name":"Jonas Almeida","avatar_url":"https://avatars-next.observableusercontent.com/3a0ff5abff6da0cdbd100da305ba323e12d43c8fcb7604275e6c72591db9dc69","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"Web Data Commons, a COVID-19 Study","cells":[{"id":0,"value":"md`\n

Web Data Commons, a COVID-19 Study

Trajectory, full report @episphere/corona

\n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":77,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"md`\n

Data

\nSource data:\n
Dong, Ensheng, et al. “An Interactive Web-Based Dashboard to Track COVID-19 in Real Time.” The Lancet Infectious Diseases, Feb. 2020, doi:10.1016/S1473-3099(20)30120-1 [PMID:32087114].\n\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":87,"value":"progression = corona.progression()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"md`\n

Methods

\nSupport javascript library maintained at github.com/episphere/corona.\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"corona = require('https://episphere.github.io/corona/corona.js')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"Plotly = require(\"https://cdn.plot.ly/plotly-latest.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"