Skip to content

DepressionCenter/datalavista

Repository files navigation

Eisenberg Family Depression Center


       /|____________|\
      ||  /--------\  ||    ___       _          _            _    _ _     _
      ||_|__________| ||   |   \ __ _| |_ __ _  | |   __ _  | \  / (_) ___| |_ __  
      ||              ||   | |) / _` |  _/ _` | | |__/ _` |  \ \/ /| (_-<  _/ _` |
      | \____________/ |   |___/\__,_|\__\__,_| |____\__,_|   \__/ |_/__/\__\__,_|
       \  |_|_|_|_|  / 
        \___________/         🕶️ "The BI Terminator" 🕶️

🕶️ Data La Vista

Description

DOI

🕶️ Tell your expensive BI tools: "Data la vista, baby!"

DataLaVista is a lightweight, client-side reporting and dashboard toolkit. It brings the full power of SQL directly to your browser, allowing you to build high-performance visualizations without the need for expensive server-side licenses or complex backend infrastructure.

Screenshot of Data La Vista in action, terminating a data silo, displaying a SQL query with auto-completion dropdown menu and a dashboard designer with a table and pie chart with filters.

While it was initially designed to dominate SharePoint List items with pure JavaScript widgets that run directly in the browser, Data La Vista is built to be a universal survivor. It aims to be framework-agnostic and designed to plug into any webpage to terminate data silos across REST services, JSON, Excel, and CSV files.

Come with me if you want to query

Most enterprise data is trapped behind bloated frameworks or expensive BI tools. Data La Vista terminates them to free your data:

  • Zero Server Footprint: 100% JavaScript. Your browser is the engine.
  • Full SQL Support: Query your SharePoint lists and flat files as if they were a relational database.
  • Pluggable Architecture: Works in SharePoint today; works in React, Vue, or vanilla HTML tomorrow.
  • Format Agnostic: Support for JSON, REST APIs, Excel (XLSX), and CSV is built into the roadmap.

Quick Start Guide

Live Demo:

To use inside a SharePoint Online page:

  • First ensure you have the "Modern Script Editor" app installed. If not available, contact your site administrator to install it
  • Go to your site's home page and create a new page using the Modern Script Editor template. Use "DataLaVista" for the page title.
  • In the "Modern Script Editor" webpart, click "Markup" then click the "{ }" button to open the code editor.
  • Copy and the paste the code from DataLaVista.html into the script editor.
    • Note: if your site has CSP restrictions for JavaScript in place, then use the DataLaVista-nojs.html file instead. Change the script tag for datalavista towards the top of the section to point to /SiteAssets/datlavista.js. Then, upload datalavista.js to your /SiteAssets directory.
  • Save, and refresh the page.

Click to open full video with SharePoint installation instructions

To use inside another web app:

  • If using inside a different web platform, follow the same steps as above with whatever method is available for adding scripts to the page. Alternatively, save DataLaVista.html to your web server, and add its URL in an iframe tag.

Load data and design your dashboard:

  • Once the DataLaVista Designer is open, click Connect + Load and enter the location of your data. For SharePoint installations, it should automatically populate the URL for your site in a few seconds. You can also use the different tabs to connect to remote JSON files, CSV, Excel, or to upload a JSON or CSV file.
  • Use the Query Builder and/or SQL Editor to pre-process your data. This will create a flat table, displayed in the preview.
  • Switch to the Design tab to create your dashboard using visuals, tables, or HTML widgets.
  • Switch to the Preview tab to see the final version of your dashboard.
  • Switch to the Generate Report tab. From here, you will see the report configuration in JSON with options to copy, download, or publish to SharePoint.
  • Once your report code is on SharePoint (either as a list item attachment or as a plain .json file in a document library), copy its share link and pass it to DataLaVista (e.g. DataLaVista.html?report=yourlink.json). That will be your shareable link.

Documentation

Background History

Data La Vista was an idea conceived out of necessity. When our IT department was being too slow to roll out BI tools, the members of the Automators Anonumous group (a.k.a. Power Automate Lab) at UMich got together and created this tool through many, many iterations of AI prompts! Some of the prompts are included in this project for referene and to give you ideas of what's possible.

Data La Vista does not aim to replace other BI tools completly. This tool is meant to be fast and super easy to use, making it idea for smaller or throw-away reports, for data exploration, and for reporting on SharePoint List data (which is notoriously difficult and messy). The data loading engine makes assumptions about what fields should or should be shown, and adds synthetic fields to make advanced SQL queries easier. Moreover, the focus really is on business and casual users who have lightweight reporting needs.

Contributing

I'll be back... with a better report. The mission is far from over. Future updates will include:

  • Advanced REST Integration: Seamlessly fetch and join data from multiple API endpoints
  • Excel/CSV Drag-and-Drop: Instant dashboards from local spreadsheets
  • The "Skynet" UI Kit: A library of aggressive, high-contrast dashboard components
  • Support for Lua, a blazing fast and easy-to-learn scripting language

The initial version was developed in one day by (@gabrielmongefranco), in response to frustration with his IT department delaying access to dashboard licenses in apparent infinity. Continued development is dependent on availability in between work projects. Therefore, your contributions are vital to further developing, refining, and documenting this project! Contact efdc-mobiletech@umich.edu to get in touch, or submit issues, ideas or pull requests via GitHub.

About the Team

The Mobile Technologies Core provides investigators across the University of Michigan the support and guidance needed to utilize mobile technologies and digital mental health measures in their studies. Experienced faculty and staff offer hands-on consultative services to researchers throughout the University – regardless of specialty or research focus.

Learn more at: https://depressioncenter.org/mobiletech.

Contact

To get in touch, contact the individual developers in the check-in history.

If you need assistance identifying a contact person, email the EFDC's Mobile Technologies Core at: efdc-mobiletech@umich.edu.

Credits

Contributors:

This work is based in part on the following projects, libraries and/or studies:

  • AlaSQL.js - JavaScript SQL database for browser and Node.js.
  • Apache ECharts - Free, powerful charting and visualization library offering easy ways to add intuitive, interactive, and highly customizable charts to your commercial products.
  • CodeMirror - A code editor component for the web, providing SQL syntax highlighting and autocomplete for your queries.
  • Modern Script Editor - The PnP/SPFX delivery vehicle used to deploy this "Unit" into modern SharePoint environments.
  • Microsoft SharePoint REST API - The primary data uplink for retrieving SharePoint List items and Document Library metadata.

License

Copyright Notice

Copyright © 2026 The Regents of the University of Michigan; Gabriel Mongefranco; Eisenberg Family Depression Center

Software and Library License Notice

This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

You should have received a copy of the GNU General Public License along with this program. If not, see https://www.gnu.org/licenses/gpl-3.0-standalone.html.

Documentation License Notice

Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License, Version 1.3 or any later version published by the Free Software Foundation; with no Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts. You should have received a copy of the license included in the section entitled "GNU Free Documentation License". If not, see https://www.gnu.org/licenses/fdl-1.3-standalone.html

Citation

If you find this repository, code or paper useful for your research, please cite it.

Citation Example:

Mongefranco, Gabriel; Gluskin, Jeremy; Boa, Shelley (2026). DataLaVista. University of Michigan. Software. https://github.com/DepressionCenter/datalavista
​​​​​​​    DOI: https://doi.org/10.5281/zenodo.19245606


Copyright © 2026 The Regents of the University of Michigan; Gabriel Mongefranco; Eisenberg Family Depression Center