An example of event handling in a scrolling data story

scrolly_event_handling.js

// define a function to handle each step's events
const activateFunctions = [];
activateFunctions[1] = showFillerTitle;
activateFunctions[2] = showGrid;
activateFunctions[3] = highlightGrid;

// a plot module (the data visualization)
function myPlot(functionArray) {
  
  function activate(index) {
    functionArray[index]();
  }
  
  return { activate };
}

const plot = myPlot(activateFunctions);

// react to events by index
scroll.on('active', function(index){
  plot.activate(index);
});