Videos and Tutorials

Here’s a tutorial for anyone who might want to get started with data-driven stories using the scrolly-kit.

Most researchers want interactive stories to share their work, but building them requires expertise most labs don't have. At VERSO (https://verso.w3.uvm.edu/), we developed a open-source static website template to learn and share data-driven stories. It even integrates with SharePoint — so anyone on your team can update content without writing code. See how it works at https://vcsi.cmplxsys.w3.uvm.edu/.

You can see the templates live at https://vcsi.cmplxsys.w3.uvm.edu/scrolly-story-1/. The code lives in the following Github repository: https://github.com/Vermont-Complex-Systems/website-template. Vermont Research Open Source Program Office (VERSO) at UVM main website: https://verso.w3.uvm.edu/. Our main website showcasing the science we do at the Vermont Complex Systems Institute: https://complexstories.uvm.edu/. P.S. The amazing story we showcase at first is by Nadieh Bremer: https://endfund.org/visualizing-neglect/.

Introduction to ETL data pipelines using Dagster, providing the input to a scrolly story.- The project is live that: https://vcsi.cmplxsys.w3.uvm.edu/geo-story-1/- The code can be found: github.com/jstonge/dag-montreal/

Introduction to principled data processing using Maestro, providing the input to a scrolly story.- The project is live that: https://vcsi.cmplxsys.w3.uvm.edu/geo-story-1/ - The code can be found: https://github.com/jstonge/rdag-montreal/ You can find Nadieh bremer amazing work at https://www.visualcinnamon.com/.

Following https://youtu.be/coJUJmfrnaQ, we walk through the svelte code to make an interactive scrolly telling story with a background map.