diff --git a/dev-logbook.md b/dev-logbook.md index 82dcf85..487d66f 100644 --- a/dev-logbook.md +++ b/dev-logbook.md @@ -120,6 +120,28 @@ The frontend `LensView` simply calls: ``` No change in class `LensModel`. + +### 5b get events from backend to frontend + +Jupyter Widgets use Backbone.js but process messages. + +You can debug messages received with `all`: + +```javascript + view.on('all', () => console.log('hello view')); + view.model.on('all', (arg) => console.log(arg)); +``` + +To pass a app specific message use the method `custom`: + +```python + self.send({'method': 'custom', 'todo': 'highlight', 'idx': idx,}) +``` + +```javascript + view.model.on('msg:custom', (payload) => console.log(payload)); +``` + ## Step 6: get mouse events out of LensWidget via event listener If additional data transformation is needed on the backend side, we can adapt 3 functions from diff --git a/src/scatterPlot.ts b/src/scatterPlot.ts index a28375d..d083a7d 100644 --- a/src/scatterPlot.ts +++ b/src/scatterPlot.ts @@ -24,7 +24,7 @@ export class ScatterPlot { .classed('substrate', true) .attr('transform', 'translate(' + MARGIN.left + ',' + MARGIN.top + ')'); - // set the scales + // get some temporary scales just for showing axes const x = prepareScale([], [0, 100]); const y = prepareScale([], [100, 0]);