Published
Edited
Feb 15, 2019
html`<div id='myDiv'></div>`
data = quakes.features.map(function(d) {return d.properties.mag;});
{
var trace = {type: "scatter",
mode: "markers",
x:data
};
var test = [trace];
var layout = {
xaxis: {
range: [ 0,8]
},
yaxis: {
range: [0,1800]
},
title:'Earthquakes',
height: 450 * width / 700,
};
const div = DOM.element('div');
Plotly.newPlot('myDiv', test, layout);
return div;
}
{
var features = quakes.features;
var quake = quakes.features[4];
var lat = quake.geometry.coordinates[1];
var coords = features.map(extractCoordinates);
var lon = features.map(function(d) {return d.geometry.coordinates[0];});
function extractCoordinates(d) {
return d.geometry.coordinates;
}
// return features;
// return quake;
// return lat;
return lon;
}
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
