Project Overview

Embeddable Data Visualization Widgets using jQuery, Leaflet and React

Our project delivers ready-to-use data visualization widgets using jQuery, Leaflet, and React, designed for embedding into collaborative websites. These widgets offer modern, professional, and flexible solutions, transforming complex data into interactive visualizations. Adaptable to various data sources, our widgets are easy to integrate into existing web pipelines, providing a convenient way to enhance websites with dynamic, informative visuals. This solution supports organizations in streamlining their data visualization needs while maintaining high quality and performance across web environments.

Figures 1 and 2 illustrate a Supply Chain Inflow-Outflow widget that we developed, visualizing industry supply chain input-output (IO) charts. This widget integrates data from the U.S. Bureau of Economic Analysis (BEA) on commodities, enhanced with Environmental Protection Agency (EPA) indicators. The widget provides a clear, interactive representation of how various industries contribute to and are impacted by supply chain flows, offering valuable insights for sustainability and economic analysis. This tool can be easily embedded into websites for collaborative use.

Collaborative Websites Using Python/JavaScript Scripts on Google Collaborations via the Google Data Commons API

This project leverages the Google Data Commons API to integrate global datasets, particularly focusing on the United Nations Sustainable Development Goals (UN SDGs), into a collaborative data pipeline hosted on GitHub. The core script resides in Google Colab, with a continuous deployment pipeline between GitHub and Colab, using GitHub’s CI/CD pipeline for seamless updates and deployment.

Using both REST and GraphQL interfaces, the Google Data Commons API provides structured data on topics such as economics, the environment, and health. Our solutions, developed in both JavaScript and Python, gather key metrics like air quality, emissions, and energy usage, transforming them into dynamic visualizations that track global trends over time.

These visualizations are integrated into our website, offering users clear insights into sustainability progress. By making complex data more accessible, we aim to empower informed decision-making and raise public awareness through effective visual storytelling.